javascript - 定位没有类或 ID 的特定元素

Question

我有一段动态的 HTML，我想将它定位到第二个 FormItem div 中的文本区域(我不想用 CSS 这样做)。但是这个 textarea 没有特定的类或 id。 HTML 如下:

<h2 id="Panel" class=""><a href="#" >SEO</a></h2>
<fieldset>
    <div class="FormItem">
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p>
    </div>
    <div class="FormItem">
        <p>Some text</p>
        <textarea rows="2" cols="20" style="height: 40px;"></textarea>
    </div>
    <div class="FormItem">
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p>
    </div>
</fieldset>

我的 jQuery 代码是:

$("h2#Panel").next("fieldset .FormItem:nth-child(2) textarea").css("background-color", "red");

但它还不起作用，我做错了什么？

And my jsfiddle

Answer 1

在您的上下文中使用 jquery 中的 .find()

$("h2#Panel").next("fieldset").find('.FormItem:nth-child(2) textarea').css("background-color", "red");

Fiddle