Jquery 在直接子对象上切换类

我在同一个班上有几个班。我希望能够在单击函数上独立地切换每个类的子类

if($("div").hasClass("subLinkPage")) {
    $(".sub-expand_collapse").children(".fa").toggleClass('fa-minus fa-plus');
}

我应该向这个脚本添加什么，以便它只在每个脚本的直接子脚本上运行

谢谢你的建议

HTML

如果它位于

事件中。单击

事件，使用

$（此）

而不是

$（“.sub-expand\u-collapse”）

可以执行

$（“MyElement>MyElementsChild”）.remove（）


“>”表示它是一个子元素。
您可以使用直接子jQuery
（父项>子项）

请提供一些html结构，您不太清楚要在哪个元素上检查“单击”事件。没有
.fa
元素不是
.sub-expand\u-collapse
的直接子元素。哪些元素是它不应该切换的？添加HTML是不够的。您单击的是什么元素，单击时应切换哪些元素，不应切换哪些元素？我将不得不重新考虑这一点，并更新帖子详细信息。这仍然会影响所有子元素。子扩展\u折叠在哪里applied@LaurenceL
CSS运算符只匹配直接子项，不是所有的孩子。这应该行得通。请用HTML更新你的问题，并清楚地解释你想影响哪些元素。现在没问题了。你们真的在帮我想清楚这一点。你们不需要
。筛选
，只需使用选择器
$（“div.subLinkPage”）
  <div class="subLinkPage"> 
    <ul aria-labelledby="headLnk_02" class="nav__items">
        <li class="sub_p01 togSubList">

             <a role="button" href="#" class="sub-expand_collapse" aria-label="toggle menu">
                <i class="fa fa-plus" aria-hidden="true"></i>
            </a>

            <a id="subLnk_01" class="parent_link menu_p01" href="../content/m04/m04_c02_p01.html">Facebook feed</a>            
            <ul class="sub_items sub_items_01">
                <li><a href="../content/m04/m04_c02_p01-a.html" class="menu_p01a">Adding a Facebook feed<br/>to the home page</a></li>
            </ul>
        </li>
        <li class="sub_p02 togSubList">


            <a role="button" href="#" class="sub-expand_collapse" aria-label="toggle menu">
              <i class="fa fa-plus" aria-hidden="true"></i>
            </a>

            <a id="subLnk_02" class="parent_link menu_p02" href="../content/m04/m04_c02_p02.html">Twitter feed</a>            
            <ul class="sub_items sub_items_02">
                <li><a href="../content/m04/m04_c02_p02-a.html" class="menu_p02a">Adding a Twitter<br/>feed web part</a></li>
            </ul>
        </li>       
    </ul>
</div>

$("div.subLinkPage").on('click', function() {
  $(this).find(".sub-expand_collapse > .fa").toggleClass('fa-minus fa-plus');
});