JQuery - 只抓住第一轮后代

Question

我已经构建了一个JQuery插件，该插件将应用于CMS中构建的页面。

今天，客户端通过在我已授予他们访问权限的区域中添加<div>来破坏插件（基于点击扩展给定区域）。

这个问题是我的小JQuery脚本应用了一些东西：

$("div#holders div")

我的HTML结构是这样的：

<div id="holders">
    <div>editable area</div>
    <div>editable area</div>
    <div>editable area</div>
    <div>editable area</div>
    <div>editable area</div>
</div>

editable area是我选择的CMS中的一个单独区域，客户端可以更新。

如何在上面创建我的JQuery选择器，只选择<div>的直接div#holders后代并忽略其中的<div>？

Answer 1

试试这个：

$("#holders > div")

有关详细信息，请参阅此处：http://api.jquery.com/child-selector/