jquery - 如何定位相对于单击的元素的元素？

Question

鉴于下面显示的 HTML 结构，我希望如果您单击 ul 中的 p ，接下来的 div.selected ul 将对其执行 .css("background", "yellow")。

<ul>
    <li>
        <p>Hello</p>
        <p>Hello</p>
    </li>
</ul>

<div>Hello Again</div>
<div class="selected">Hello Again</div>
<div><span>And Again</span></div>

<ul>
    <li>
        <p>Hello</p>
        <p>Hello</p>
    </li>
</ul>


<div>Hello Again</div>
<div class="selected">Hello Again</div>
<div><span>And Again</span></div>

到目前为止我已经得到了；

$("p").next("div .selected").css("background", "yellow");

Answer 1

$("p").next("div .selected").addClass("selected");