更改div中的第二部分类

时间:2011-11-28 17:01:37

标签: javascript jquery

我希望将每个div中的类名称的第二部分更改为标记<span>,从“.myclass_2”更改为“yourclass”,(在下面的html代码中)。这是我尝试使用jQuery,但它们不能正常工作。如何解决?

演示:http://jsfiddle.net/sTF3U/

<span>
    <div class="myclass_1 myclass_2">
        <a href="" class="click">Click Me_1</a>
    </div>
    <div class="myclass_1 myclass_2">
        <a href="" class="click">Click Me_2</a>
    </div>
</span>




var $this = $('.click'),
    $clone_1 = $('span').clone();
    alert($clone_1.html());

$('.click').live('click', function (e) {
    e.preventDefault();   

    $clone_2 = $('span').clone();

    $clone_2.find('div').split(" ")[1].addClass('youClass');

    $clone.find('.auto_box2:last .mediumCell').each(function () {
        $(this).split(" ")[1].removeClass().addClass(unique());
    });

    var $result = $('span').clone();
    alert('ok');
})

3 个答案:

答案 0 :(得分:2)

试试这个:

$("div.myclass_2").removeClass("myclass_2").addClass("yourclass");

顺便说一句,<div>内的<span>无效HTML。

答案 1 :(得分:2)

使用removeClass传递所需的类来移除然后使用addClass传递所需的类来添加到任何元素。试试这个

$(".myclass_2").removeClass("myclass_2").addClass("yourclass");

答案 2 :(得分:1)

使用jquery removeClass和addClass方法删除现有类,然后添加重命名的类