jQuery 通过属性值获取元素的子元素

Get child of element by attribute value

提问by Raphael Jeger

I have a jQuery object representing a DIV:

我有一个代表 DIV 的 jQuery 对象：

$rel = $('#rel_'+rel.id);

In that DIV, there is a BUTTON with my custom attribute "rid" set to rel.id

在那个 DIV 中，有一个 BUTTON，我的自定义属性“rid”设置为 rel.id

I need to select that button, it works like this:

我需要选择那个按钮，它的工作原理是这样的：

$("[rid='"+rel.id+"']").html();

But I think that's not the fastest possible solution as it needs to parse the whole DOM for that and because I know the button is always inside the DIV, I could avoid that.

但我认为这不是最快的解决方案，因为它需要为此解析整个 DOM，而且因为我知道按钮总是在 DIV 内，所以我可以避免这种情况。

I tried it with the following code:

我用下面的代码试了一下：

$rel.children("[rid='"+rel.id+"']").html();

but that didn't work.

但这没有用。

Thanks for any help.

谢谢你的帮助。

回答by T.J. Crowder

If it may not be an immediate child, you'll want findrather than children(which only looks at immediate children):

如果它可能不是直接的孩子，你会想要find而不是children（它只看直接的孩子）：

$rel.find("[rid='"+rel.id+"']").html();