Question

单击我想要的按钮时，在mycontent div下更改li类的名称。有没有办法做到这一点？我的代码如下。

<div id="mycontent">
    <ul id="sortable">
    <li id="1" class="myclass">Item 1</li>
    <li id="2" class="myclass2">Item 2</li>
    <li id="3" class="myclass3">Item 3</li>
    <li id="4" class="myclass4">Item 4</li>
    </ul>
</div>

$(document).ready(function()
    {
  $("#submit_prog").click(
      function()            
          {                    
            $.ajax(
             {
              type: "POST",
              url: "sort2.php",                            

             });    
         });
     });

Answer 1

我很确定jQuery会是这样的：

$("#mycontent li.myclass2").removeClass("myclass2").addClass("myOtherClass2");

...等每个li元素。

如果您想要更改li个元素的所有类，请使用：

$("#mycontent li").removeClass("myclass myclass2 myclass3 myclass4").addClass("myOtherClass2");

您可以将其添加到按钮上的点击事件中（在此示例中标识为myClassChangeButton）：

$("#myClassChangeButton").click(function(){
    $("#mycontent li.myclass").removeClass("myclass").addClass("myOtherClass");
    $("#mycontent li.myclass2").removeClass("myclass2").addClass("myOtherClass2");
    $("#mycontent li.myclass3").removeClass("myclass3").addClass("myOtherClass3");
    $("#mycontent li.myclass4").removeClass("myclass4").addClass("myOtherClass4");
});

Answer 2

使用此功能更改ID为myclass2的div中li个元素的mycontent类：

$('#button').click(function(){
    $('#mycontent li.myclass2').removeClass().addClass('newClass');
});

修改

Code Jockey提到这将使用.myclass2从li元素中删除所有类这是对的，所以对于未来的读者，这只会删除.myclass2 ：

$('#mycontent li.myclass2').removeClass('myclass2').addClass('newClass');

Answer 3

是。试试这个：

$('.button').click(function(){
     $('li#4') .removeClass();
     $('li#4').addClass('your_class')
});

这条线上的东西应该有用

在jquery中更改div的类名

3 个答案: