특정 페이지 클래스의 로고 변경

-1

나는 Joomla와 협력하여 특정 바디 클래스의 로고 이미지 소스를 변경하려고합니다.특정 페이지 클래스의 로고 변경

그래서

<body class="itemid-131">

이있을 때 여기 SRC는 :

<img class="sp-default-logo" src="images/logo.png">

가되게합니다 :

<img class="sp-default-logo" src="images/logo-white.png">

당신에게

출처

2017-10-31 geoplous

'$ ('body.itemid-131 img.sp-로고 기본') ATTR ('SRC', '이미지/...') ' –

$ ('. sp-default-logo') 할 수 있습니다. attr ('src', 'images/logo-white.png') – Steve

당신은 단순히이 (내가 대체 할 수있는 감사 그냥 t를위한 div가있는 본문 그는 예).

$(document).ready(function() { 
 
    $('.itemid-131 .sp-default-logo').attr('src', 'images/logo-white.png'); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="itemid-131"> 
 
    <img class="sp-default-logo" src="images/logo.png"> 
 
</div>

출처

2017-10-31 10:23:57

그래, 고마워. 다른 클래스의 src를 변경하여 동일한 결과를 얻는 쉬운 방법은 무엇입니까? 다른 클래스 하나를 추가하는 "sp-default-logo"를 제외하고 말입니다. – geoplous

@geoplous 동일한 작업을 수행 할 수 있습니다. 보시다시피 필요한 요소를 선택하기 위해'$()'내부의 selector를 사용하고 속성을 변경하려면'attr' 함수를 사용합니다.이 경우에는 src입니다. 따라서 필요에 따라 선택기를 변경할 수 있습니다. –

괜찮습니다. 감사합니다. – geoplous

특정 페이지 클래스의 로고 변경

답변

관련 문제