Question

jquery修改class

当li的class="cureent li_1"时。class变成class=“cureent li_1-2”
当li的class="cureent li_2"时。class变成class=“cureent li_2-2”
………………
类推

Answer 1

如下代码可以实现：

<ul id="ul1">
	<li class="cureent li_1"></li>
	<li class="cureent li_2"></li>
	<li class="cureent li_3"></li>
</ul>
<script src="jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(){
	$("#ul1 li").each(function(){
		$(this).attr("class", $(this).attr("class") + "-2");
	});
	alert($("#ul1").html());
});
</script>

追问

current那个是不定的 只有点击那个li 才会是cureent。而 只有当同时具备cureent和li_1才会变成 li_1-2.

追答

是这样吗？

<ul id="ul1">
<li class="li_1">111</li>
<li class="li_2">222</li>
<li class="li_3">333</li>
</ul>
<script src="jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(){
$("#ul1 li").each(function(){
$(this).click(function(){
$("#ul1 li").each(function(){
$(this).attr("class", $(this).attr("class").replace("cureent ", "").replace("-2", ""));
});
$(this).attr("class", "cureent " + $(this).attr("class") + "-2");
alert($("#ul1").html());
});
});
});
</script>

追问

这个只能点击的时候才变化是吧。能不能是 只要当li的class有cureent就会变

追答

<ul id="ul1">
    <li class="li_1">111</li>
    <li class="cureent li_2">222</li>
    <li class="cureent li_3">333</li>
</ul>
<script src="jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(){
    $("#ul1 li").each(function(){
if($(this).attr("class").indexOf("cureent") >= 0)
$(this).attr("class", $(this).attr("class") + "-2");
    });
alert($("#ul1").html());
});
</script>

Answer 2

$(".aa:odd").removeClass().addClass("BB");
是否可以解决您的问题？

追问

是这样吗？为什么没反应

$(document).ready(function(){
$(".current .li_1").removeClass("li_1").addClass("li_1-2");
});