Javascript jquery通过其子li获取父li的文本

Javascript jquery通过其子li获取父li的文本,javascript,jquery,html,Javascript,Jquery,Html,当我在“商品”链接“受限”、“打开”下单击时如何获得“商品”,当我在“服务”链接“受限”、“打开”下单击时如何获得“服务”,提前感谢 JavaScript: HTML: 您可以使用以下内容: $('.goodsLink li a').click(function() { alert( $(this).parents('li:contains("+")').children("a:first").t

当我在“商品”链接“受限”、“打开”下单击时如何获得“商品”,当我在“服务”链接“受限”、“打开”下单击时如何获得“服务”,提前感谢

JavaScript:

HTML:


您可以使用以下内容:

$('.goodsLink li a').click(function() {
    alert( $(this).parents('li:contains("+")').children("a:first").text());
    return false;
});
但是最好的方法应该是使用类或贡品来更好地识别您想要查找的元素。这样您就可以将
:contains(“+”)
冷替换为
。topParent

她举例说:


jquery的函数
.parent()
怎么样?在您需要钻取未知数量时也可以提供帮助。
<ul id="nav">
    <li><a href="#">Create a New Tender</a>

        <ul>
            <li><a href="#"><strong>+</strong> Goods</a>

                <ul>
                    <li><a href="#"><strong>-</strong>&nbspSingle</a>

                        <ul class="goodsLink">
                            <li><a href="link.html"> -   Restricted</a>
                            </li>
                            <li><a href="link2.html"> -   Open</a>
                            </li>
                        </ul>
                    </li>
                    <li><a href="#"><strong>-</strong>&nbspFramework</a>

                        <ul class="goodsLink">
                            <li><a href="link3.html"> -   Restricted</a>
                            </li>
                            <li><a href="link4.html"> -   Open</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li><a href="#"><strong>+</strong> Services</a>

                <ul>
                    <li><a href="#"><strong>-</strong>&nbspSingle</a>

                        <ul class="servicesLink">
                            <li><a href="link5.html"> -   Restricted</a>
                            </li>
                            <li><a href="link6.html"> -   Open</a>
                            </li>
                        </ul>
                    </li>
                    <li><a href="#"><strong>-</strong>&nbspFramework</a>

                        <ul class="servicesLink">
                            <li><a href="link7.html"> -   Restricted</a>
                            </li>
                            <li><a href="link8.html"> -   Open</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>
$('.goodsLink li a').click(function() {
    alert( $(this).parents('li:contains("+")').children("a:first").text());
    return false;
});