如何从元素中删除以某些字符结尾的类

Question

我使用下面的javascript代码获取元素;

var elems = $("*[class*='-highlight datepick-other-month']");

我想删除以＆＃34; -highlight＆＃34;结尾的课程。如;红色突出显示，蓝色突出显示等，来自＆＃34; elems＆＃34;。

我该怎么做？所有反馈将不胜感激！

Answer 1

您可以使用此代码：

elems.attr('class', function(_, old){
    return $.grep(old.split(/ +/), function(v){
         return !v.match(/-highlight$/);
    }).join(' ');
})

工作小提琴：http://jsfiddle.net/zvcCL/

Answer 2

您需要使用带选择器的结尾： http://api.jquery.com/attribute-ends-with-selector/

jQuery( "[attribute$='value']" )

然后调用removeClass： http://api.jquery.com/removeclass/

Answer 3

试试这个：

 $( "a[hreflang|='en']" ).css( "border", "3px dotted green" );

另见attributeContainsPrefix selector。

Answer 4

以下是您选择以关键字结尾的元素的方式：jQuery Ends With

以下是您在elems中选择元素的方法：

$([what],[where])

所以你想要这样做：

var elems = $("*[class*='-highlight datepick-other-month']");
$("*[class$='-highlight']",elems).remove();

这是从文档中删除元素的方法。 如果您想要从elems var中排除这些元素，可以按以下方式排除它们：

var elems = $("*[class*='-highlight datepick-other-month']").not("[class$='-highlight']");

Answer 5

您可以使用regexp删除这些类：

$.each($("*[class*='-highlight']"), function() {
  $(this)[0].className = $(this)[0].className.replace(/\b.*-highlight\b/g, '');  
});

以下是演示：http://jsfiddle.net/wzQFT/