jquery - 从来没有一个元素在 jquery 中采用特定的类

Question

我正在编写一个 jquery 代码，如果单击元素，该元素会给出一个类。现在我希望那个特定的元素永远不要使用特定的类。

概括：

$('element').*never take a specific class*

HTML 代码：

<article class="wrapper ui-widget-content">
<div class="ui-widget-header">SSSSSS </div>
<ul id="selectable">
    <li class="ui-state-default"><span>HHHH</span> </li>
    <li class="ui-state-default"><span>CCCC</span></li>
    <li class="ui-state-default"><span>JJJJ SCRIPT</span></li>
    <li class="ui-state-default"><span>AAAA</span></li>
    <li class="ui-state-default"><span>XXX</span></li>
    <li class="ui-state-default"><span>MMMMM</span></li>
</ul>
</article>

根据jquery代码，当我点击每个时<li>，这已经采用“ui-selected”类，但有时<span>标签也采用“ui-selected”类。我不想<span>上这门课：“ui-selected”

Answer 1

$('li').click(function(){
    if($(this).find('span').hasClass('your_class_here'))
    $(this).find('span').removeClass('your_class_here');
});

每次单击 li 时检查您的课程是否已添加到您的跨度中。如果是，请将其删除。