获取表格中每行的第一个单元格值

请通过点击删除按钮获取表格中每一行的第一个单元格值，下面的代码显示所有单元格的单元格值。该表由Ajax成功功能生成。因此，表格在加载页面上不存在。获取表格中每行的第一个单元格值

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#mytable td").click(function() { 
    alert($(this).html()); 
    }); 
}); 

</script> 


//html table , this is sample table , 

<table border="1" id="mytable"> 
    <tr> 
    <th>Customer Id</th> 
    <th>Action</th> 
    </tr> 
    <tr> 
    <td>0001</td> 
    <td><button>Del</button></td> 
    </tr> 
    <tr> 
    <td>0002</td> 
    <td><button>Del</button></td> 
    </tr> 
    <tr> 
    <td>0003</td> 
    <td><button>Del</button></td> 
    </tr> 
</table>

来源

2013-07-15 sam

这确实你在找什么：

$("#mytable td").click(function() { 
 
    var selectValue = $(this).siblings("td").html(); 
 
    alert(selectValue); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table border="1" id="mytable"> 
 
    <tr> 
 
    <th>Customer Id</th> 
 
    <th>Action</th> 
 
    </tr> 
 
    <tr> 
 
    <td>0001</td> 
 
    <td><button>Del</button></td> 
 
    </tr> 
 
    <tr> 
 
    <td>0002</td> 
 
    <td><button>Del</button></td> 
 
    </tr> 
 
    <tr> 
 
    <td>0003</td> 
 
    <td><button>Del</button></td> 
 
    </tr> 
 
</table>

JSFiddle以上代码的演示。

来源

2013-07-15 08:12:54 Sergio

干净的例子，非常感谢 – sam

@sam，不客气！ – Sergio

@sam，刚刚在你的个人资料中发现你没有接受答案。点击接受答案对帮助这里的人很重要。然后他们得到更多的分数，你也... – Sergio

这是如何您可以通过点击一个按钮，同一个表行中得到的第一个单元格的文本：由于它使用jQuery.on()它与AJAX生成的表格以及

$(document).on("click", "table td button", function(){ 
    alert($(this).parents("tr").find("td:first").text()); 
});

。

的jsfiddle DEMO：http://jsfiddle.net/fZ639/

来源

2013-07-15 08:09:18 papaiatis

谢谢papaiatis，它现在正在工作。 – sam

@sam，不客气！不要忘记接受我的解决方案！ :)让我们知道你是否需要更多帮助。 – papaiatis

我想，这应该得到每一行的第一个单元格。

$('tr > td:first-child')

来源

2013-07-15 08:11:09 Sam

获取表格中每行的第一个单元格值

回答

相关问题