2013-03-14 6 views
-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 является blank.gif, то я хочу, чтобы установить атрибут Src к моему URL значка «/_layouts/images/myicon.gif». Мне нужно ссылаться на img как на этот $ ('. S4-titlelogo img').изменения IMG SRC с помощью JQuery

ПОКА:

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

      } 
+3

Хотите изменить ЦСИ при определенных обстоятельствах? –

+0

Я думаю, вы должны добавить несколько тегов img (по одному для каждого изображения, которое вам понадобится), а затем поменяйте их (сделайте невидимым и правый видимым). – BigMike

+0

У вас есть несколько элементов с классом «s4-titlelogo»? – Ian

ответ

15

Если атрибут ГКЗ IMG является blank.gif ...

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

... то я хочу, чтобы установить атрибут src для моего URL-адреса.

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

Edit: Три downvotes мгновенно? Э ... почему?

Вот пример JSFiddle, подтверждающий, что это работает.

+0

Любопытно узнать, почему так много downvotes, как хорошо. Ответ кажется мне законным. – isotrope

+1

Это работает только в том случае, если есть ** один ** элемент с классом «s4-titlelogo» (который ОП указывал только так), а также только один '' потомок. В противном случае оператор 'if' проверяет первый найденный файл' .s4-titlelogo', но установитель 'attr' устанавливает все вхождения. – Ian

+1

@Ian: этот ответ основан на том, что дается в исходном вопросе, не более того. Нигде не упоминается, что есть несколько изображений или несколько разделителей '.s4-titlelogo'. –

2

Просто сделай это ...

Живая демонстрация: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')); 

}); 
Смежные вопросы