从HTML表jQuery抓取值
从HTML表jQuery抓取值
提问于 2014-07-21 06:52:04
我有一个HTML表，其中包含以下值：
<tr class="tuker1">
<td class="tuker-lft1">
Username
</td>
<td class="tuker-rght1" onclick="awardRoute()">
<a href="#">
AWARD ROUTE
</a>
</td>
</tr>当我单击奖励路径链接时，我希望"tuker-lft1“中的值进入函数变量。
awardRoute() {
var username = "";
}你有什么办法让我做到这一点吗？
回答 6
Stack Overflow用户
回答已采纳
发布于 2014-07-21 06:59:03
假设页面上只有一个带有tuker-lft1类的元素
function awardRoute() {
var username = $('.tuker-lft1').text();
}如果您想要上一个单元格(即左边的单元格)的文本，可以使用同级树遍历函数：
function awardRoute() {
var username = $(this).prev('td').text();
}
$('.tuker-rght1').click(awardRoute);如果您希望单元格中具有类tuker-lft1的单元格中的文本与您所单击的单元格在同一行内，而不管该单元格位于何处，请使用父/子树遍历函数：
function awardRoute() {
var username = $(this).parent().children('.tuker-lft1').text();
}
$('.tuker-rght1').click(awardRoute);请注意，在最后两个示例中，您应该从HTML中删除onclick属性。
Stack Overflow用户
发布于 2014-07-21 07:01:31
你可以这样抓取它：
<td class="tuker-rght1" onclick="$(this).parents('tr').find('td:eq(0)').html()"><a href="#"> AWARD ROUTE </a> </td>Stack Overflow用户
发布于 2014-07-21 07:04:55
<td class="tuker1">
<td class="tuker-lft1"> Username </td>
<td class="tuker-rght1"> <a href="#"> AWARD ROUTE </a> </td>
</td>
$(function(){
$('.tuker-rght1').on('click', function(e){
e.preventDefault();
var username = $(this).prev().html();
console.log(username);
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24855665
复制相关文章
相似问题