JQUERY点击给LI添加一个动态自定属性

<ul>

<li >

</li>

</ul>

<div class="mm"><span class="tit">50</span><span class="text">信息1</span></div>

<div class="mm"><span class="tit">100</span><span class="text">信息2</span></div>

<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>

<script language="javascript">

$(document).ready(function() {

//鼠标移动上面

$(".mm").click(function(){

$("ul li").attr("data-part",$(this).find(".text").text()).attr("number",$(this).find(".tit").text())

})

})

</script>

点击后就添加:

$('.us-con-lf>ul').on('click','li>a',function(){

    $(this).closest('li').addClass('crt')

})

点击后添加class的同时, 相邻的li移除class:

$('.us-con-lf>ul').on('click','li>a',function(){

    $(this).closest('li').addClass('crt').siblings().removeClass('crt')

})

可以使用jQuery的attr方法来实现对某一元素的的class的属性的添加或者删除，attr() 方法设置或返回被选元素的属性值.根据该方法不同的参数，其工作方式也有所差异，可以使用removeclass来删除class属性。

工具原料：编辑器、浏览器

1、为li添加class属性：

为某个li元素添加class=“special”的属性

$('li').attr('class','special')

2、删除class属性：

 $("li").removeClass("special")

})

---