jquery为自定义行添加事件不起作用

Question

我试图将点击事件只添加到在第一列有一些文本的行中的列。 对于第一行，单击事件应该隐藏第一列中包含“1 /”的行。 这里是我的HTML表格：

<table class="results"> 
<tr> 
<td>1</td> 
<td>Distribution_Approval_Archive_WorkFLow</td> 
<td>0h:2m:59s:845ms</td> 
<td><font color="red">TestFail</font></td> 
</tr> 

<tr> 
<td>1/1</td> 
<td>MyLogin</td> 
<td>0h:0m:8s:298ms</td> 
<td><font color="green">TestCasePass</font></td> 
</tr> 

<tr> 
<td>1/2</td> 
<td>OpenEFlowEnterprise</td> 
<td>0h:0m:13s:912ms</td> 
<td><font color="green">TestCasePass</font></td> 
</tr> 

<tr> 
<td>2</td> 
<td>Distribution_Approval_Archive_WorkFLow</td> 
<td>0h:2m:59s:845ms</td> 
<td><font color="red">TestFail</font></td> 
</tr> 

<tr> 
<td>2/1</td> 
<td>MyVismaLogin</td> 
<td>0h:0m:6s:223ms</td> 
<td><font color="green">TestCasePass</font></td> 
</tr> 

<tr> 
<td>2/2</td> 
<td>OpenEFlowEnterprise</td> 
<td>0h:0m:5s:158ms</td> 
<td><font color="green">TestCasePass</font></td> 
</tr> 

</table> 

这里是我的jQuery添加事件：

for (i=1; i <= $(".results td:nth-child(1):not(:contains('/'))").parent().length; i++){ 
    $($(".results td:nth-child(1):not(:contains('/'))").parent()[i-1]).children().click(function(){ 
     $('.results td:nth-child(1):contains("'+ i +'/")').parent().slideToggle("fast"); 
    }) 
} 

你帮助解决问题的jQuery代码？在循环

Answer 1

决不绑定的事件，请尝试以下

$('tr').find('td:first-child()').not(':contains("/")').parent().click(function(e){ 
    var index = $(this).find('td:first-child()').text().split('/')[0]; 
    $('td:contains("'+index+'/")').parent().slideToggle("fast"); 
}); 

Answer 2

您可以代码：

$(".results td:nth-child(1):not(:contains('/'))").on("click", function(){ 
     var i = $(this).text().split('/')[0]; 
     $('.results td:nth-child(1):contains("'+ i +'/")').parent().slideToggle("fast"); 
    }); 

Answer 3

最后的代码，我用这个（http://jsfiddle.net/danginkgo/jr5qvqj3/）：

$('.results tr td:first-child:not(:contains("/"))').parent().click(function(){ 
    var i = $.trim($(this).find('td:first-child').text().split('/')[0]); 
    $('.results td:first-child:contains("'+ i +'/")').parent().slideToggle("fast"); 
});