jQuery 将 class 添加到标签的子项和所有标签的子项的子项

Question

我需要为以下所有标签添加 class。我包含的示例 JS 仅将 class 添加到直接子标签

之前

<div name='myDiv'>
    <fieldset>
        <div><input>exmaple</input></input></div>
    </fieldset>
</div>

jQuery:

$("[name='myDiv']").children().addClass("myClass");

之后

<div name='myDiv'>
    <fieldset class="myClass">
        <div><input>exmaple</input></input></div>
    </fieldset>
</div>

然而，以下是预期的结果：

<div name='myDiv'>
    <fieldset class="myClass">
        <div class="myClass"><inputclass="myClass">exmaple</input></input></div>
    </fieldset>
</div>

Answer 1

使用*。请参阅下面的片段

P.S。输入标签不需要用 </input> 关闭。如果需要，您可以添加与它们关联的标签

$("[name='myDiv'] *").addClass("myClass");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div name='myDiv'>
    <fieldset>
        <div><input>exmaple</div>
    </fieldset>
</div>

jQuery 将 class 添加到标签的子项和所有标签的子项的子项

jQuery add class to children of a tag and children of children of all the tags

html

javascript

jquery

jquery-tags-input