jquery를 사용하여 img src 변경하기

-1

<div class="s4-titlelogo"> 
<a href="/sites/mysite"> 
<img name="onetidHeadbnnr0" id="ctl00_onetidHeadbnnr2" style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;" alt="bobpub" src="/_layouts/images/blank.gif" complete="complete"/> 
</a> 
</div>

img의 src 속성이 blank.gif 인 경우 src 속성을 내 아이콘 url "/_layouts/images/myicon.gif"로 설정하고 싶습니다. 이 $ ('s4-titlelogo img')로 img를 참조해야합니다.jquery를 사용하여 img src 변경하기

SO FAR :

iconurl = $('.s4-titlelogo a>img').attr("src"); 
      if (iconurl == ""/_layouts/images/blank.gif") 
      { 

      }

출처

2013-03-14 Athapali

특정 상황에서 SRC를 변경 하시겠습니까? –

여러 개의 img 태그 (필요한 각 이미지에 하나씩)를 추가 한 다음 서로 바꿔야한다고 생각합니다. 하나는 보이지 않게하고 다른 하나는 보이게 만듭니다. – BigMike

"s4-titlelogo"클래스에 둘 이상의 요소가 있습니까? – Ian

IMG의 src 속성이 blank.gif 경우 ...

if($('.s4-titlelogo img').attr('src') === '/_layouts/images/blank.gif')

... 그럼 난을 설정하려면 src 속성을 내 아이콘 URL에 추가하십시오.

$('.s4-titlelogo img').attr('src', '/_layouts/images/myicon.gif');

편집 : 세 가지 downvotes 즉시? 어 ... 왜?

여기에 이것이 작동하는 것을 증명하는 JSFiddle 예가 있습니다.

출처

2013-03-14 16:13:15

왜 그렇게 많은 downvotes 알고 싶습니다. 대답은 나에게 합당한 것 같습니다. – isotrope

이 클래스는 "s4-titlelogo"클래스 (OP가 지적한)가 ** ** 요소 하나뿐 아니라 하나의 하위 클래스 인 ''만있는 경우에만 작동합니다. 그렇지 않으면'if' 문은 발견 된 첫 번째'.s4-titlelogo'를 검사하지만'attr' 설정자는 모든 항목을 설정합니다. – Ian

@ 이안 :이 답은 원래 질문에 주어진 것, 그 이상에 근거합니다. 여러 개의 이미지 나 여러 개의'.s4-titlelogo' 디바이더가 있다고는 말할 수 없습니다. –

그냥 이렇게 ...

라이브 데모 :http://jsfiddle.net/oscarj24/FW4kj/

$(function(){ 

    //Get the element 
    elem = $('.s4-titlelogo img'); 

    //If 'src' attribute contains 'blank.gif' 
    if (elem.prop('src').indexOf('blank.gif') > 0) 
     //Replace 'src' attribute with 'myicon.gif' 
     elem.prop('src', '/_layouts/images/myicon.gif'); 

    //Alert new 'src' attribute just to verify 
    alert('New image url is: ' + elem.prop('src')); 

});

출처

2013-03-14 16:29:13

jquery를 사용하여 img src 변경하기

답변

관련 문제