Question

我有一个大约有50行的表，现在我想要的是检查已经给出自定义属性的表中所选tr的图像源，我不知道如何有效地做到这一点，请指导正确的方向，

HTML

"<tr fruit-id='" + someID+ "' class='Row' onclick='DoSomething(" + someID + ")'>" +
"   <div class='Row'>" +
"       <td class='Cell CellInfo'>" +
"           <div class='Title'>" + FruitTitle + "</div>" +
"       </td>" +
"       <td class='Cell CellIcon'>" +
"           <div><img src='" + src + "' alt='" + alt + "' /></div>" +
"       </td>" +
"   </div>" +
"</tr>"

现在我有了一些ID，我想知道它是Img Src

也许喜欢，

$("tr[fruit-id=" + someID + "]").closest('tr '..不确定如何在此处获取图像src :(

Answer 1

您需要使用find()，因为img是目标tr的后代元素

var src = $('tr[fruit-id="' + someID + '"]').find('img').attr('src')

或使用descendant selector

var src = $('tr[fruit-id="' + someID + '"] img').attr('src')

此外，如果您在DoSomething方法中执行此操作，那么我建议使用jQuery事件处理程序而不是内联处理程序。

否则，不是将someID传递给方法，而是通过将this传递给类似

的方法，将引用传递给dom元素本身。

"<tr fruit-id='" + someID+ "' class='Row' onclick='DoSomething(this)'>"

然后

function DoSomething(tr){
    var src = $(tr).find('img').attr('src')
}

如何检查给定tr的图像源

1 个答案: