Question

点击图片我需要使用jquery

更改li的背景

LI不是直接父级，因此我无法在jquery中使用parent（）函数

<li class="ui-widget-content ui-corner-tr ui-draggable">  
    <fb:profile-pic height="32" width="32" linked="false" uid="557103888" style="width: 32px; height: 32px;" class=" fb_profile_pic_rendered">  
        <img class="" style="width: 32px; height: 32px;" title="some name" alt="some name" src="files/t557103228_5135.jpg">  
    </fb:profile-pic> 
</li>

Answer 1

使用.closest('li')。

这将为您提供<img> <li>元素的第一个祖先。

您也可以使用.parents('li:first')。它使用:first选择器确保您只获得第一个结果。

Answer 2

你可以这样做：

$('img[title="some name"]').click(function(){
  $(this).closest('li.ui-widget-content').css('background', 'green');
});

由于图片没有设置任何class或id属性，因此使用title属性。在这种情况下，任何标题设置为some title的图片都会被点击，使用li方法更改父级ui-widget-content的背景css closest函数，用于在找到指定元素之前备份元素。

Answer 3

这是祖父母，所以.parent().parent()然后。

或使用.closest('li')。

在图像上单击我需要使用jquery更改li的背景

3 个答案: