jQuery children()正在深入

jQuery children()正在深入,jquery,children,Jquery,Children,问题:我想选择按钮,img,h1和a。据我所知,在jQuery中执行此操作的唯一方法是$.main.children.children.children。 但是在jQuery中有没有其他方法来选择这些元素呢?要避免多次使用子对象,可以使用。查找方法: <div class='main'> <div> <div> <button></button> </div> <

问题:我想选择按钮,img,h1和a。据我所知,在jQuery中执行此操作的唯一方法是$.main.children.children.children。
但是在jQuery中有没有其他方法来选择这些元素呢?要避免多次使用子对象,可以使用。查找方法:

<div class='main'>

<div>
        <div>
            <button></button>
        </div>
</div>
<ul>    
        <li>
            <img />
        </li>

        <li>
            <h1></h1>
        </li>

</ul>
<div>
        <span>
            <a href=""></a>
        </span>
</div>

</div>

您可以使用。查找方法:

<div class='main'>

<div>
        <div>
            <button></button>
        </div>
</div>
<ul>    
        <li>
            <img />
        </li>

        <li>
            <h1></h1>
        </li>

</ul>
<div>
        <span>
            <a href=""></a>
        </span>
</div>

</div>

jQuery选择器的工作方式与CSS选择器类似:

$('.main').find()
您还可以使用查找方法:

<div class='main'>

<div>
        <div>
            <button></button>
        </div>
</div>
<ul>    
        <li>
            <img />
        </li>

        <li>
            <h1></h1>
        </li>

</ul>
<div>
        <span>
            <a href=""></a>
        </span>
</div>

</div>

jQuery选择器的工作方式与CSS选择器类似:

$('.main').find()
您还可以使用查找方法:

<div class='main'>

<div>
        <div>
            <button></button>
        </div>
</div>
<ul>    
        <li>
            <img />
        </li>

        <li>
            <h1></h1>
        </li>

</ul>
<div>
        <span>
            <a href=""></a>
        </span>
</div>

</div>

实际上,如果您试图选择容器div中的所有叶节点,您可以尝试

var $a = $('.main').find('a');

这将选择容器div中任何级别上没有子元素的任何元素。

实际上,如果您试图选择容器div中的所有叶节点,您可以尝试

var $a = $('.main').find('a');
$(".main :not(:has(*))")
这将选择容器div中没有子元素的任何级别的任何元素

$(".main :not(:has(*))")
如果无法添加类,请使用以下命令

$('.mustSelect')
它告诉jquery选择.main类中的按钮img、h1、a

希望这能帮到你。如果你有任何问题,请不要犹豫。谢谢

如果无法添加类,请使用以下命令

$('.mustSelect')
它告诉jquery选择.main类中的按钮img、h1、a


希望这能帮到你。如果你有任何问题,请不要犹豫。谢谢

$.main.findbutton、img、h1、a将在.main下的任何级别选择所有这些元素-但您的意思是希望它们从任何级别开始,还是正好从下面三个级别开始?$img、h1、a、button。main@nnnnnn这更简单。对于图像-$'LIIMG'。每个函数{…}。对于h1-$'lih1'。每个函数{…}。对于anchor-$'span a'。每个函数{…}.Yuriy Rozhovetskiy共享最好的answear:我不知道$可以选择这样的元素。$.main.findbutton,img,h1,a将选择.main下任何级别的所有这些元素-但你的意思是希望它们来自任何级别,还是只需要向下三个级别?$img,h1,a,button, .main@nnnnnn这更简单。对于图像-$'LIIMG'。每个函数{…}。对于h1-$'lih1'。每个函数{…}。对于anchor-$'span a'。每个函数{…}。Yuriy Rozhovetskiy共享最好的answear:不知道$可以选择这样的元素。