首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在jQuery中找到第二接近的祖先?

如何在jQuery中找到第二接近的祖先?
EN

Stack Overflow用户
提问于 2011-03-02 18:57:46
回答 4查看 10.3K关注 0票数 10

我的DOM看起来像这样:

代码语言:javascript
运行
复制
<li>
   <li><a class="editEntity>Edit</a></li>
   <li><a class="deleteEntity>Delete</a></li>
</li>

当二手单击“编辑”时,我想将外部<li>更改为<li class="selected>

我尝试过这样的方法,但这不起作用:

代码语言:javascript
运行
复制
$('li a.editEntity').live('click', function() {
    $(this).closest('li').closest('li').addClass('selected');
});

任何帮助都是非常感谢的。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-03-02 19:01:09

转到父级:

代码语言:javascript
运行
复制
$(this).closest('li').parent().closest('li').addClass('selected');

它不起作用是因为closest从当前元素开始,所以如果您在与选择器匹配的内容上调用它,您将返回与开始时相同的内容。

Live example

或者,您可以在:eq selector中使用parents

代码语言:javascript
运行
复制
$(this).parents("li:eq(1)").toggleClass("selected");

请注意,:eq使用基于0的索引,因此:eq(1)是第二个父li

Live example

你引用的超文本标记语言是无效的(一个li can't directly contain an li);我想你的意思是:

代码语言:javascript
运行
复制
<li>
   <ul>
      <li><a class="editEntity>Edit</a></li>
      <li><a class="deleteEntity>Delete</a></li>
   </ul>
</li>

...or类似。

票数 20
EN

Stack Overflow用户

发布于 2011-03-02 19:05:48

您可以使用

代码语言:javascript
运行
复制
$('li a.editEntity').live('click', function() {
    $(this).parents('li').addClass('selected');
});
票数 1
EN

Stack Overflow用户

发布于 2011-03-02 19:02:16

在我之前的评论之后..下面是我们承诺的例子。:)

代码语言:javascript
运行
复制
$('li').each(function(index) {
    alert(index + ': ' + $(this).text());
  });

在第二个索引处停止

更多信息可以在这里找到

http://api.jquery.com/each/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5166485

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档