JQuery - 只抓住第一轮后代

Mar*_*rty 0 jquery jquery-selectors

我已经构建了一个JQuery插件,它将应用于CMS中构建的页面.

今天,客户端通过<div>在我给他们访问编辑的区域中添加一个插件来打破插件(基于点击扩展给定区域).

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

$("div#holders div")
Run Code Online (Sandbox Code Playgroud)

我的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>
Run Code Online (Sandbox Code Playgroud)

editable area我选择的CMS中的单独区域在哪里,客户端可以更新.

我怎样才能使我的JQuery选择器只选择那些直接的<div>后代div#holders并忽略其中的<div>s?

Ale*_*tie 5

试试这个:

$("#holders > div")
Run Code Online (Sandbox Code Playgroud)

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

  • @MartyWallace我不认为实际的`parent> child`选择器已被弃用,但`$("> child",context)`版本是. (2认同)