ajax动态生成的数据如何获取html标签的属性值

这是我ajax动态生成的数据:

'<tr><td width="10%" align="center" class="uartilceid">'+data[i].artilceid+'</td><td width="60%" align="center"><a target="_blank" href="/article/'+data[i].artilceid+'">'+data[i].headline+'</a></td><td width="8%" align="center">'+data[i].readcount+'</td><td width="8%" align="center">'+data[i].replycount+'</td><td width="14%" align="center"><a href="#" class="'+data[i].artilceid+'" onclick="cancleCollection()">取消收藏</a></td>'
window.onload = $(function () {
         $.ajax({
            url: "/collection",
            type: "get",
            success: function (data) {
                for (var i = 0, len = data.length; i < len; i++) {
                    $("#coll").append('<tr><td width="10%" align="center" class="uartilceid">'+data[i].artilceid+'</td><td width="60%" align="center"><a target="_blank" href="/article/'+data[i].artilceid+'">'+data[i].headline+'</a></td><td width="8%" align="center">'+data[i].readcount+'</td><td width="8%" align="center">'+data[i].replycount+'</td><td width="14%" align="center"><a href="#" class="'+data[i].artilceid+'" οnclick="cancleCollection()">取消收藏</a></td>')

生成的数据列表:

<tbody id="coll">
	     <td width="10%" align="center" class="uartilceid">1</td>
	     <td width="60%" align="center">
	     	<a target="_blank" href="/article/1">漫谈:强哥在强哥学堂想对朋友们说的一些话</a>
	     <td width="8%" align="center">1714</td>
	     <td width="8%" align="center">39</td>
	     <td width="14%" align="center">
	     	<a href="#" class="1" onclick="cancleCollection()">取消收藏</a>
	     <td width="10%" align="center" class="uartilceid">2</td>
	     <td width="60%" align="center">
		     <a target="_blank" href="/article/2">漫谈:已经有蜗牛学院了,为什么还要创办强哥学堂?</a>
	     <td width="8%" align="center">2959</td>
	     <td width="8%" align="center">0</td>
	     <td width="14%" align="center">
		     <a href="#" class="2" onclick="cancleCollection()">取消收藏</a>

获取class值的onclick="cancleCollection(this)"js代码:

 function cancleCollection() {
        var a = $(this).attr("class")
        console.log($(this).attr("class"))
        alert(a)

当我点击取消收藏onclick="cancleCollection(this)想要获取class属性的值class="'+data[i].artilceid+'",但点击后获取的值却是undefined

因为这部分是新生成的元素,新生成的元素和一开始就加载的元素是不一样的。

$(document).on('click','.canColl',function onoutStat() {
        var data = $(this).attr('id');
        alert(data)
				
我用ajax的json方式异步传值,动态写标签,但是会让JS无法运行,网上查到的方法都很麻烦,后来找到一种,但是在IE6下得点击2次才能运行JS 最后看到一位网友使非常简单的JS搞定的 function runJs(path,type){     var s,i;     if(type=="js"){     var ss=document.getElementsByTagName(...
今天在用$(document).ready(function(){} ajax进行动态添加标签属性时,如下图 点击事件(如下图)一直获取不到ajax动态添加的标签属性 原因是在ajax中动态添加的属性标签ajax内中的 click事件必须放在ajax内部才能获取解决办法:将绑定的点击事件写在ajax 的success:function(res){} 成功返回函数中!
比如search功能,输入关键字,在数据库中查找对应的包含关键字的记录并显示在页面上,在一段Ajax请求之后,返回html text。。。 需要在返回的html中找到指定id的内容用来更新页面中的对应的html内容。。。 比如页面:    &lt;div id="test"&gt;     &lt;c:forEach var="solution" items="${myS...
我用JQueryajax获取一个整体html数据。我可以获取整个数据,但是获取某一html片返回时未定义。网上说要用正则表达式,因为数据是字符串。但是我写的类型是“html”类型,应该返回的就是“html”类型不应该是字符串。而且我觉得用正则表达式比较麻烦。    后来查资料用一对标签包装一下返回的数据就可以了。具体原因我也不知道为什么。    这段代码是我实现向上滑动滚动条翻页ajax
今天用Ajax请求调用另一个JSP页面。。 却发现返回值带有HTML标记,仔细一看全是我所请求的那个页面的html代码,由此可见返回的值不只是我out.println()所输出的值,而是把一整个页面的编译之后的结果返回回来, 解决办法, 1:不调用jsp页面,而是后台servlet。 2:把所调用的jsp页面上的所有html标记全部删除。。 引入JQuery插件,即: <script type="text/javascript" src="/bluetravel/js/jquery.min.js"></script> 前提是咱得先下好jquery.min.js插件放到指定的src目录下,我这里是/bluetravel/js...
在根据当前标签class是否为active,来为其他标签设置active的时候。我遇到了一个小问题,就是怎样获取标签内的class的属性值,于是乎我就测试了几个我能想到的方法,写了下来供自己查看,在这里也和大家分享一下。 DOM对象和jQuery对象: <!DOCTYPE html> <meta charset="u...