jQuery - 获取元素的第二级父级

Question

我正在尝试检索＆lt; a＆gt;的父级。元素的父母（祖父母？）。我想找到那个祖父母，然后找一个＆lt; b＆gt;在该元素中标记，然后将该文本存储为变量以在页面上的其他位置发布。我一直在尝试使用parent（）函数，但没有成功。

这是我尝试过的代码：

    $('.mixPlayCell a').click( function() {
        var title = $(this).parent().get(0).parent().get(0).text();
        alert(title);
    });

Answer 1

用于选择第二个父母

parents(':eq(1)')

看起来比

更顺畅

parent().parent()

另外，您可能会发现

closest('ul')

更好地适应这项工作。

Answer 2

尝试：

$(this).parent().parent().find('.thingtofind').text();

Answer 3

parents()返回一个列表，因此可行：

$(this).parents()[1];

Answer 4

$('.mixPlayCell a').click(function() {
  elem = $(this).parent().parent();
  title = $("tag selector goes here",elem).html();
});

这样的东西？

Answer 5

只有1个父级，不需要.get（0）

    var title = $(this).parent().parent().find("whateveryouwant").html();

Answer 6

$(this).parent().parent().find('mytag').text()

应该工作得很好。

您可以使用find方法中的任何选择器。如果您只需要搜索祖父母元素的直接子元素，您也可以使用$.children代替find搜索所有元素的子元素。

Answer 7

尝试这个简单的实现：

$('.mixPlayCell a').click( function() {
    var title = $(this).parents().text();
    alert(title);
});

刚刚用一个.parents（）

更改了.parent（）

这适用于每个jQuery版本。