Question

jquery 中click嵌套click出问题了

$(document).ready(function(){
$("#assign").click(function(){
alert("0000000000000000000000000");
$("#t1 td").click(function(){
alert("1111111111111111111111111111")
alert($(this).parent().children(":first").html())
$.ajax({
type: 'POST',
url: "goods/EdcBaseLiaison_findEdcCollectedInfo",
data: {
ccode: $(this).parent().children(":first").html()
},
dataType: "json"
});
})
})
});
这里第二个弹框不执行

Answer 1

$().click() 是点击命令
$().click(function(){代码}) 是绑定click事件，并不会直接运行

首先，你这个程序是在点击了#assign之后才会给 #t1 td 绑定点击事件。
也就是说你想要的效果是 刚开始加载点击 #t1 td 没有效果，在点击了#assign之后，#t1 td 就能够点击了。是么？

如果是，那么没问题啊，我这里alert都能够输出，而且输出没问题。

再说的就是 #t1 td 选择的是 #t1 元素的子元素 td，也就是说 #t1 应该是某个 <tr> 的id；最终选的是这个<tr>的所有<td>元素

追问

我现在要实现的是选中一行，当点击下一步的时候把这一行的人员编号传给后台这样的一个操作，请问用jquery怎么实现？

追答

通过添加class的方法达到选择的目的。
小例子

.seltr{
background-color:#CCC;}

$(document).ready(function(e) {
$('.tr').click(function(e) {
$('#assign').addClass('assign');
$(this).addClass('seltr').siblings().removeClass('seltr');
});
$('#assign').click(function(e) {
if(!$('.seltr').length)return false;
var text=$('.seltr td:first').text();
alert(text);
});
});

aaaaaaaaaaaaabbbbbbbbbbbbbb

cccccccccccccdddddddddddddd

提交，这个可以是任何元素，这里用div

追问

你qq多少？qq聊吧！这个问题纠结我好久了！

Answer 2

你的$("#t1 td")选择器用法不对，改为$("td[id='t1']")就可以了，在点击完id为assign之后才会给td #t1添加click事件，这样点击t1才会弹出窗口。

Answer 3

注意click(function(){})是绑定事件,click()才是触发事件.所以改成以下写法第二个弹框才会执行

$(document).ready(function(){
$("#t1 td").click(function(){
alert("1111111111111111111111111111")
alert($(this).parent().children(":first").html())
$.ajax({
type: 'POST',
url: "goods/EdcBaseLiaison_findEdcCollectedInfo",
data: {
ccode: $(this).parent().children(":first").html()
},
dataType: "json"
});
})
$("#assign").click(function(){
alert("0000000000000000000000000");
$("#t1 td").click();

})
});

Answer 4

点击了$("#assign") 在点击一次$("#t1 td")看有用吗
看看控制台JS是否报错