如何使用Jquery选择器通过另一个标签选择标签?

时间:2014-10-19 07:09:25

标签: jquery selector

            <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'中包含的文本值,其name属性设置为'item'和'definition',单击'a'链接,这是我的Jquery代码< / p>

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

那么,哪里出错?我需要找到

中包含的文字
<li name="item">1</li>

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

2 个答案:

答案 0 :(得分:1)

parent方法无法正常工作。您可以使用parentprevAll方法:

$("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();

答案 1 :(得分:0)

你可以试试这个:

var parent = $(this).parent();
var item = $("li[name='item']", parent).text();
var definition = $("li[name='definition']", parent).text();