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

Posted

技术标签:

【中文标题】从来没有一个元素在 jquery 中采用特定的类【英文标题】:never an element take specific class in jquery 【发布时间】:2013-02-24 21:16:28 【问题描述】:

我正在编写一个 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>

当我点击每个&lt;li&gt; 时,根据jquery 代码,这具有“ui-selected”类,但有时&lt;span&gt; 标签也具有“ui-selected”类。 我想要&lt;span&gt; 永远不要上这门课:“ui-selected”

【问题讨论】:

那么你为什么不展示你的jQuery呢?如果我们能看到它,我们可以纠正它。 【参考方案1】:
$('li').click(function()
    if($(this).find('span').hasClass('your_class_here'))
    $(this).find('span').removeClass('your_class_here');
);

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

【讨论】:

谢谢,但我有一个问题...为什么有时我要两次单击 li 以被选中或取消选中?当我点击一次可能时取消选择不是 woek.... 在这里发布点击功能 $("#selectable" ).selectable( selected: function (event, ui) $(ui.selected).bind('click',function() if($(ui .selected).hasClass('ui-state-default')) $(this).removeClass('ui-srate-default').addClass('ui-srate-active') )

以上是关于从来没有一个元素在 jquery 中采用特定的类的主要内容,如果未能解决你的问题,请参考以下文章

如何使用jQuery选择没有特定类名的元素?

如何使用jquery选择具有特定字符串的类开头和结尾的元素?

如何通过jQuery中的类获取特定html元素的innerHTML?

[ jquery 过滤器 hasClass(class) ] 此方法用于在选择器的基础之上检查当前的元素是否含有某个特定的类,如果有,则返回true

使用 jQuery 获取元素的类列表

在 jQuery 中选择一个特定的类