将元素的子元素添加到 jQuery 集合而不离开链

Question

是否有可能在不离开链的情况下将 jQuery 集合中元素的子元素添加到集合中？

即，with 离开它看起来像这样：

var set = $('.some-elements');
set.add('*', set);
// or immediate ones only
set.add(set.children());

我正在寻找一种不创建临时 set 变量的方法来执行这些操作：

$('.some-elements').jqMagic("*");

（当然可以为此编写一个“jqMagic”插件。我只是想确定一下，jQuery 核心中没有这个功能。）

Answer 1

我相信AndSelf 会让你做你想做的事。

更新示例：

给定以下 html：

<div id="1" class="testdiv">
   <a href="#">test a</a>
   <a href="#">test b</a>
</div>


<div id="2" class="testdiv">
    <a href="#">test c</a>
    <a href="#">test d</a>
</div>

这段代码只给子项（在本例中为锚标记）一个红色边框：

<script language="javascript" type="text/javascript">

    $('.testdiv').children().css('border','solid 1px red');

</script>

虽然此代码（使用 andSelf()）在元素列表中包含父 div，因此同时选择父 div 和子 div - 从而根据您的要求提供合并集：

<script language="javascript" type="text/javascript">

    $('.testdiv').children().andSelf().css('border','solid 1px red');

</script>