Question

jQuery获取class元素

HTML页面是以下代码 ：

echo "<tr class='holder' id='firstRow'>";
echo "<td class='contentTD' rowspan='$rowsNum'>";
echo $statusApproved;
echo "<br/>";
echo "<input type='checkbox' class='statusApproved' value='$orderID'>删除</input>";
echo "</td>";
jQuery代码如下：
//delete the projects which has been selected
jQuery('.statusApproved').click(function(){
alert("hello");

});
为什么弹不出hello呢？

Answer 1

使用jquery 获取class，jquery得到class需要知道使用jquery获取属性的方法，class本身也是元素的一个属性，jquery 获取class属性是经常要做的一个操作，由于class本身也是元素的一个属性，所以可以通过attr方法来获取class的值，代码如下：
$('#demo').attr('class');

也可以使用javascript的元素对象来获取，代码如下：
$('#demo')[0].className;

jquery 设置class也是用的attr方法。

Answer 2

你的class是动态添加的，只用click function只能给静态对象绑定事件
动态绑的话可以用delegate
$("#firstRow").delegate(".statusApproved", "click", functionName);
function functionName(){
alert("hello");
}

Answer 3

你的表格应该是在页面加载完成之后才被添加到dom中的，这样不能通过click来绑定事件，通过live()方法试试
$('.statusApproved').live('click', function() {
alert("hello.");
});
关于live函数：
jQuery 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。
这个方法是基本是的 .bind() 方法的一个变体。使用 .bind() 时，选择器匹配的元素会附加一个事件处理函数，而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。

Answer 4

看代码应该没的错，你注意一下，把添加事件放到页面加载的最后面，会不会你的checkbox标签还没加载出来，都绑定事件了？

追问

可是已经加载上了呀？

追答

我的意思是说看下绑定时间是不是在你的数据循环之后绑定的，或者你用楼上的方法实验下，在页面初始化的时候绑定，$(document).ready(function(){ 绑定 });

Answer 5

jQuery(function(){
jQuery('.statusApproved').click(function(){
alert("hello");
});
});