javascript - 使用变量访问带连字符的属性

Question

以下语法有效:

hello = $("html").find('[id=foo-var]').html();

但是我们如何通过变量指定“foo-var”呢？

var holder = "foo-var";
hello = $("html").find('[id=' + holder + ']').html();

这当然行不通。

Answer 1

如果属性值包含受限字符，则需要用引号引起来:

var holder = "foo-var";
var hello = $("html").find('[id="' + holder + '"]').html();

但是鉴于 id 属性在 DOM 中必须是唯一的，您应该使用 id 选择器首先:

var holder = "foo-var";
var hello = $('#' + holder).html();

如果您有多个具有相同 id 的元素，那么这是一个单独的问题，需要在您的 HTML 中解决。