代码之家 › 专栏 › 技术社区 › rg88

jquery-查找与单击元素相关的值

jquery-selectors jquery

rg88 · 技术社区 · 14 年前

我正在尝试获取表单元格相对于单击链接的文本值。单击类“3”的任何单元格中的链接,并获取该特定行中名为类“1”的单元格的文本。

<tr>
<td class='one'><a href="#">Text to get</a></td>
<td class='two'>meh</td>
<td class='three'><a href="#">Click this to get the text in the first cell of this row</a></td>
</tr>
<tr>
<td class='one'>Different text to get</td>
<td class='two'>blah</td>
<td class='three'><a href="#">Click this to get the text in the first cell of this row</a></td>
</tr>

我可以通过如下方式获取单击元素的文本:

console.log($(this).text());

但如何获取行中第一个单元格的文本?

我想,作为一个例子,它应该是这样的:

console.log($(this).prev().prev().text());

但这是不正确的(返回“空字符串”)。有什么建议吗?

3 回复 | 直到 14 年前

CalebD 14 年前

尝试:

$(this).closest('td').siblings('.one').text();

Sampson 14 年前

$("td.three a").click(function(e){
  e.preventDefault();
  var myText = $(this).closest("tr").find("td.one").text();
});

Jon Erickson 14 年前

这行吗?

http://jsbin.com/opafa

$('td.three a').click(function(e) {
    e.preventDefault();

    var txt = $(this).prevAll('.one').text();

    alert(txt);
});

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前