Доступ к атрибуту дефиса с использованием переменной

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.

Answer 2

Вы можете использовать шаблонный литерал для лучшего синтаксиса

$("html").find(`[id=${holder}]`).html();

Answer 3

Изменить котировки "'"

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