jQuery在div上单击更改切换类

我有4个href，单击它时，我需要更改div的类

例如： -单击链接1=div类将更改为s1， -单击链接2=div类将更改为s2， -单击链接3=div类将更改为s3

等等，我在下面有一些代码，但不确定jQuery，因为我只是在学习

s1
s2
s3
s4

​

---

干杯

如果你想申请链接文本中的div类，你可以这样做：

$('a.showSingle').click(function(){
   $('#complete').attr('class', $(this).text()); 
});

$('a.showSingle').click(function(){
   $('#complete').attr('class', $(this).parent().attr('class')); 
});

$('a.showSingle').click(function(){
   $('#complete').attr('class', 's'+($(this).parent().index()+1)); 
});

---

如果要将链接父级的类应用于div，可以执行以下操作：

$('a.showSingle').click(function(){
   $('#complete').attr('class', $(this).text()); 
});

$('a.showSingle').click(function(){
   $('#complete').attr('class', $(this).parent().attr('class')); 
});

$('a.showSingle').click(function(){
   $('#complete').attr('class', 's'+($(this).parent().index()+1)); 
});

---

如果要将根据链接编号计算的类应用于div，可以执行以下操作：

$('a.showSingle').click(function(){
   $('#complete').attr('class', $(this).text()); 
});

$('a.showSingle').click(function(){
   $('#complete').attr('class', $(this).parent().attr('class')); 
});

$('a.showSingle').click(function(){
   $('#complete').attr('class', 's'+($(this).parent().index()+1)); 
});

当您在实际应用程序中（即不在JSFIDLE中）时，代码应该嵌入到正文末尾脚本中的就绪回调中：

<script>
    $(function(){
       $('a.showSingle').click(function(){
          $('#complete').attr('class', 's'+($(this).parent().index()+1)); 
       });
    });
</script>

$（函数（）{
$（'a.showSingle'）。单击（函数（）{
$（'#complete'）.attr（'class'，'s'+（$（this.parent（）.index（）+1））；
});
});

试试这个：

$(document)​.ready(function() {
    $('.showSingle').click(function() {
        $('#complete').attr('class', '').addClass('s' + $(this).data('target'));
    });
});​

请参阅更新的

这应该行得通

$("li a").click(function(){
  var classname=$(this).text();
  $("#complete").attr("class",classname);
});

干杯，s1中的文本读到了其他内容，我只是为了演示而把它放在那里