Question

我正在处理一个javascript代码：

$('div').html(<some text>).find('>')

查看jQuery文档，我无法理解find('>')应该做什么。

此外，在导航控制台中进行实验时，我得到了奇怪的结果：

$('div').html('to<br/>to').find('>') - ＆gt; [ <br>, <br>, <br>]

$('div').html('to<a/>to').find('>') - ＆gt; [ <a></a>, <a></a>, <a></a>]

为什么重复3次？

那么，任何人都可以告诉我这个奇怪的find('>')吗？

Answer 1

>是Child Combinator CSS selector。 .find('>')将拉出元素的所有直接孩子。

正如评论中所述，重复必须归因于您的文档包含多个div元素。

更新

来自your comment：

我认为该行正在创建一个div，然后将一些html设置为它。

$('div')本身会选择文档中存在的所有div元素。如果要创建div元素，可以改为：

$('<div/>', { html: 'to<br/>to' });

如果您是jQuery的新手，我强烈建议您查看http://try.jquery.com和http://learn.jquery.com。

Answer 2

有人指出，'＆gt;'选择元素的子元素。

为什么3？因为你肯定有3个div，所以

$('div')        //selects 3 divs
   .html(...)   // adds content to each div
   .find('>');  //return the direct descendants of each element in the jQuery object 
                //as a new jQuery object

jquery find（'＆gt;'）的含义和用法

2 个答案:

更新