jquery - 选择第一个 sibling

Question

我正在尝试在无法更改 html 标记的环境中选择第一个同级的内部值 - 使用 jQuery。

我有以下内容:

<tr>
    <td>3</td>
    <td>bob</td>
    <td>smith</td>
    <td>bob@example.com</td>
    <td>
        <img src="bobsmith.png" onclick="doSomething()" />
    </td>
</tr>

我正在尝试获取第一个 <td> 的值具有以下内容:

function doSomething() {
    var temp = $(this).parent().parent().children().filter(':first');
    alert("you clicked person #" + temp.html());
}

我从中得到的是null .

我尝试了与 .siblings() 的各种组合也有作用，但无济于事。

有什么想法吗？

谢谢，

注意:我忘了提及摘录所来自的表是通过 ajax 调用动态加载和刷新的。这可能与包含绑定(bind)的建议相关。

解决方案:受已接受答案的启发，我采用了以下解决方案:

<tr>
    <td>3</td>
    <td>bob</td>
    <td>smith</td>
    <td>bob@example.com</td>
    <td>
        <img src="bobsmith.png" onclick="doSomething(this)" />
    </td>
</tr>

对于 jQuery javascript:

function startStopNode(el) {
    var temp = $(el).parent().siblings(':first').html();
    alert("you clicked: " + temp);
}

Answer 1

$( 'td:first-child', $( this ).parents ( 'tr' ) ).html ();

这将选择图像的父 TR 中的第一个 TD 元素(:first-child 过滤器)。 parents() 返回元素的所有父元素，我们过滤父元素以便只返回 TR 元素。

也尝试像这样写你的图像:

<img src="bobsmith.png" onclick="doSomething(this)" />

你的函数是这样的:

function doSomething ( imgEl ) {
}

并使用 imgEl 而不是 this