Question

我在页面中有相同的h2，但是想通过jquery条件语句将类添加到特定的父h2，示例如下：

<h2> Top Test Text </h2>
<h2> Test Text <i class="child"></i> </h2>

仅向h2的父class="child"添加课程，而不是顶部h2，我的意思是如果页面中存在h2，则将类添加到父class="child"。

如何通过jquery做到这一点？

我试过这个：看到这里不起作用：http://jsfiddle.net/s5dkbuwe/

感谢。

Answer 1

您需要先包含jquery。对于包含jquery，您有两种方式：1。您可以从Web中包含。 2.您可以下载并使用本地版本。要包含它，请在页面的<head>部分中添加此行。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

然后试试这个：

$("i.child").parent("h2").addClass("your desired class");

Answer 2

您可以使用has()：

$('h2').has('i.child').addClass('foo');

Example fiddle

Answer 3

尝试连接到包含所需类别的孩子的所有H2，而不是连接到子元素并向后工作！

$("H2:has(>.child)").addClass('yourcustomclass');

注意：使用＆＃39;＆gt;＆＃39;确保您只选择与第二个选择器匹配的直接子项的H2s（而不是简单地将匹配元素嵌套在H2元素中的任何位置及其自己的子元素中。）

Answer 4

$("h2 i.Child").parent().addClass("theclass")

示例代码：

        <h2>here</h2>
    <h2>fff <i class="child">sss</i></h2>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script>
        $("h2 i.child").parent().addClass("blue");
    </script>

有条件地将类添加到父类

4 个答案: