在一个span标签里面有多个a标签,a标签是通过ajax实现的。想在a标签里面添加单击事件,在他单击的时候给这个a标签添加类样式 ,同时删除其他a标签类样式
ajax:
$.ajax({type:"post",url:"carbrand/findCarBrandHot",dataType:"json",success:function(data){
var html="<a class='on' href='' rel='nofollow'>不限</a> ";
var listr = "";
for(var i = 0; i < data.length; i++){
listr+="<a class='' title='' onclick='ch()'>"
+data[i].brand_name+" </a>";
}
html+=listr;
$(".clikbr").html(html);
}
});
html:
<span class="clikbr"></span>
javascript:
function ch(){
//方法能触发
//添加样式
$(this).addClass("on"); //这种方法不行
$(this).addClass("hoverWidgetactive").siblings().removeClass("hoverWidget active"); //也实现不了,
};
貌似通过ajax新增的标签获取不到,不知道怎么获取标签
使用事件委派
//你可以改成这样