jquery - 如何使用 Jquery 选择器通过另一个标签选择一个标签？

Question

            <td>
                <ul>
                  <li name="item">1</li>
                  <li name='definition'>2</li>
                  <li>3</li>
                  <li>4</li>
                </ul>
            </td>
            <td>News Cate</td>
            <td><a>ADD</a></td>

我想使用 Jquery 检索 html 标签“li”中包含的文本值，名称属性设置为“item”和“definition”，通过单击“a”链接，这是我的 Jquery 代码

$("a").click(function(){
    $(this).parent("td ul li[name='item']").text();
});

那么，哪里出了问题？我需要找到其中包含的文本

<li name="item">1</li>

并且必须从标签的起点找到它，我该怎么办

Answer 1

parent 方法不能以这种方式工作。您可以使用 parent 和 prevAll 方法:

$("td a").click(function(){
    var text = $(this).parent("td").prevAll().find('li[name=item]').text();
});

http://jsfiddle.net/89a35xpx/

您还可以获取最接近的tr，然后选择目标元素:

var text = $(this).closest("tr").find('li[name=item]').text();