jQuery为标记的子级添加了类,并为所有标记的子级添加了子级

时间:2017-05-02 11:37:42

标签: javascript jquery html jquery-tags-input

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

<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>

1 个答案:

答案 0 :(得分:4)

使用*。请参阅下面的代码段

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>