选择上一个元素的子元素

Question

我如何选择前一个元素的子元素。我知道如何使用.prev（）选择前一个元素，但是如何选择前一个元素的子元素以便我可以修改CSS？谢谢你的帮助。

jQuery的：

$("li.selected").prev().css("border-right", "none");

编辑：

我希望只有具有“selected”类的元素之前的元素才能应用css样式。目前，所有元素都应用了css选择器。感谢。

<ul id="nav_1510737">
    <li><a href="/about">About</a></li>
    <li class="selected"><a href="/bookkeeping">Bookkeeping</a></li>
    <li><a href="/ms-office-support">MS Office Support</a></li>
    <li><a href="/office-organization">Office Organization</a></li>
    <li><a href="/virtual-services">Virtual Services</a></li>
    <li><a href="/grant-writing">Grant Writing</a></li>
    <li><a href="/contact">Contact</a></li>
</ul>

Answer 1

您可以使用 .children() ：

$("li.selected").prev().children().css("border-right", "none");

请注意，.children()仅从父节点向下一级，如果您想要遍历多个级别，则可以使用 .find() ：

$("li.selected").prev().find('*').css("border-right", "none");