使用 jQuery 修改类

Modify class with jQuery

本文关键字：修改 jQuery 使用      更新时间：2024-03-03
<span class="here one-two-del-del other1">test</span>
<span class="here one-two-aaa o2ther">test</span>
<span class="here one-two-dsf other3">test</span>
<span class="here one-two-213 o4ther">test</span>
<span class="here one-two-sdf other5">test</span>
<span class="here one-two-sdff o6ther">test</span>
<span class="set one-two-aaaa">set 1</span> <br />
<span class="set one-two-bb-fff">set 2</span> <br />
<span class="set one-two-vcvc">set 3</span> <br />
<span class="set one-two-fgdfg-dfgfd-fgf">set 4</span> <br />​
​$('.set').click(function(){
  $('#here').???
})​

我想要 - 如果我点击 .set，那么它应该得到自己的类并在所有 .here 中替换。

例如，如果我单击集合 2，那么所有带有类 .here 的跨度都应该是：

​<span class="here one-two-bb-fff other1">test</span>
<span class="here one-two-bb-fff o2ther">test</span>
<span class="here one-two-bb-fff other3">test</span>
<span class="here one-two-bb-fff o4ther">test</span>
<span class="here one-two-bb-fff other5">test</span>
<span class="here one-two-bb-fff o6ther">test</span>

我无法使用 removeClass 因为我不知道当前类如何。如果我使用 .attr('class'， 'new'(，那么这将替换所有类，但我仍然必须有类 other1、o2ther 等

http://jsfiddle.net/NNhDd/

也许我必须使用正则表达式？

HTML 

<span class="here one-two-del-del other1">test</span>
<span class="here one-two-aaa o2ther">test</span>
<span class="here one-two-dsf other3">test</span>
<span class="here one-two-213 o4ther">test</span>
<span class="here one-two-sdf other5">test</span>
<span class="here one-two-sdff o6ther">test</span>
<br />
<span class="set one-two-aaaa">set 1</span> <br />
<span class="set one-two-bb-fff">set 2</span> <br />
<span class="set one-two-vcvc">set 3</span> <br />
<span class="set one-two-fgdfg-dfgfd-fgf">set 4</span>

JavaScript

$('.set').click(function () {
    var replaceWith = $(this).attr('class');
    // Remove the "set " from replaceWith
    replaceWith = replaceWith.replace(/set ?/g, '');
    $('.here').each(function () {
        var newClass = $(this).attr('class');
        newClass = newClass.replace(/one-two-[^ $]+/, '');
        newClass = newClass + ' ' + replaceWith;
        // Now set the new class
        $(this).attr('class', newClass);
    });
})

这里有一个小提琴：http://jsfiddle.net/NNhDd/3/

相关文章：