使用Jquery获取图像的名称

时间:2013-04-15 10:12:58

标签: jquery-ui jquery

我有以下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事件,即不允许单击。

我怎样才能做到这一点?

3 个答案:

答案 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)