如何在<td>中获取价值
如何在<td>中获取价值
提问于 2018-12-20 05:54:46
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<tr>
<td class='type'> Type name </td>
<td class='number'> 102030 </td>
<td class='software'> 1.0-Alpha </td>
<td ><button class='btnSelect'>Order</button>
</tr>
<script>
$(".btnSelect").on('click',function() {
var tdNumber = $(this).find('.number').html();
var data = $(this).find('.number').html();
alert(data);
})
</script>如果我单击order按钮显示错误未定义的，有什么问题？
谢谢
回答 3
Stack Overflow用户
回答已采纳
发布于 2018-12-20 05:56:41
1：关闭<td ><button class='btnSelect'>Order</button>中的</td>标记
2：您需要使用.closest('tr').find
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<table>
<tr>
<td class='type'> Type name </td>
<td class='number'> 102030 </td>
<td class='software'> 1.0-Alpha </td>
<td ><button class='btnSelect'>Order</button></td>
</tr>
</table>
<script>
$(document).ready(function(){ // you may need to use document ready
$(".btnSelect").on('click',function(){
var data = $(this).closest('tr').find('.number').html();
alert(data);
});
});
</script>
Stack Overflow用户
发布于 2018-12-20 06:28:21
基本上，您在html域中没有什么错误。
<tr>
<td class='type'> Type name </td>
<td class='number'> 102030 </td>
<td class='software'> 1.0-Alpha </td>
<td><button class='btnSelect'>Order</button>
</tr>button不是用td包装的，tr不是用table包装的，而是在jQuery中包装的。
$(".btnSelect").on('click', function() {
var tdNumber = $(this).find('.number').html();
var data = $(this).find('.number').html();
alert(data);
});button上有一个事件，它位于tr中，请注意，您可以从子到父查找。也就是说，$(this).find('.number').html();这里，$(this)是单击按钮的对象，您正在搜索父级的兄弟姐妹，即tr，您可以查看下面的示例，该示例是根据您提供的代码编写的。
$(".btnSelect").on('click', function() {
var data = $(this).parent().siblings('.number').text();
alert(data);
})<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<table>
<tr>
<td class='type'> Type name </td>
<td class='number'> 102030 </td>
<td class='software'> 1.0-Alpha </td>
<td><button class='btnSelect'>Order</button></td>
</tr>
</table>
Stack Overflow用户
发布于 2018-12-20 06:00:53
当您想要选择同一树的任何元素时，必须转到根，然后找到它。
在html dom元素中，要转到root，必须使用最近的()函数，而要从根查找，则必须使用find()函数。
使用这个
$(".btnSelect").on('click',function(){
var tdNumber = $(this).closest('tr').find('.number').html();
var data = $(this).closest('tr').find('.number').html();
alert(data);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53863110
复制相关文章
相似问题
腾讯云开发者
