我有以下HTML: -
<li class="rpItem rpFirst d1">
<a href="#" class="rpLink 1">
<span class="rpOut"><img alt="" src="http://localhost:64034/Images/favorites_small.png" class="rpImage">
<span class="rpExpandHandle"></span>
<span class="rpText">Product1</span>
</span>
</a>
</li>
<li class="rpItem">
<a href="#" class="rpLink 2">
<span class="rpOut"><img alt="" src="Images/transparent.png" class="rpImage">
<span class="rpExpandHandle"></span>
<span class="rpText">Product2</span>
</span>
</a>
</li>
<li class="rpItem">
<a href="#" class="rpLink 3">
<span class="rpOut"><img alt="" src="Images/transparent.png" class="rpImage">
<span class="rpExpandHandle"></span>
<span class="rpText">Product3</span>
</span>
</a>
</li>
<li class="rpItem d1">
<a href="#" class="rpLink 4">
<span class="rpOut"><img alt="" src="Images/transparent.png" class="rpImage">
<span class="rpExpandHandle"></span>
<span class="rpText">Product4</span>
</span>
</a>
</li>
<li class="rpItem d1">
<a href="#" class="rpLink 5">
<span class="rpOut"><img alt="" src="Images/transparent.png" class="rpImage">
<span class="rpExpandHandle"></span>
<span class="rpText">Product5</span>
</span>
</a>
</li>
<li class="rpItem d1">
<a href="#" class="rpLink 6">
<span class="rpOut"><img alt="" src="Images/transparent.png" class="rpImage">
<span class="rpExpandHandle"></span>
<span class="rpText">Product6</span>
</span>
</a>
</li>
我希望定位第一个li,其中包含src="http://localhost:64034/Images/favorites_small.png"
。
所以我希望做一些像
这样的事情 if (imagename = favorites_small.png)
然后从此项中删除click事件,即不允许单击。
我怎样才能做到这一点?
答案 0 :(得分:2)
$('li img[src*=small.png]').each(function(){
$(this).parents('a').contents().unwrap();
});
Here是一个有效的jsFiddle
<强>来源(S)强>
CSS Selectors
jQuery API - .unwrap()
jQuery API - .parents()
答案 1 :(得分:1)
这可以使用jQuery在一行中完成:$('li img[src~=imagename]').unbind('click');
答案 2 :(得分:0)
使用此功能。
var imagesrc = $('selector img').attr('src');
var imagesrc1 = imagesrc.split("/") ;
var isize = imagesrc1.length;
var imagename = imagesrc1[isize-1];
通过这个你会得到图像名称,然后比较像。
if(imagename = favorites_small.png)