Как мне сделать эту простую задачу в JQuery ... показать изображение

Question

У меня много таких знаков загрузки.

<span id="loading" rel="1n" style="display:none;">Loading...</span>
<span id="loading" rel="2a" style="display:none;">Loading...</span>
<span id="loading" rel="3w" style="display:none;">Loading...</span>

Обратите внимание, единственная разница - rel .

Как мне написать скрипт JQuery, чтобы выбрать, какой из них показывать?:

$("#loading").show() where rel = "2a"?

Answer 1

пытается следующим образом:

$("#loading[rel='2a']").show();

Редактировать

Проще говоря, независимо от языка, это простое объединение строк

var yourVariable = "2a";
$("#loading[rel='"+yourVariable+"']").show();

Answer 2

, если вы хотите показать все пролеты с атрибутом rel, равным "2a"

$('span[rel=2a]').show();

чтобы показать все пролеты, которые имеют атрибут rel, начинающийся с "2a"

$('span[rel^=2a]').show();

Подробнее о селекторах

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

так что у вас будет

<span rel="1n" style="display:none;" class="loading-message">Loading...</span>
<span rel="2a" style="display:none;" class="loading-message">Loading...</span>
<span rel="3w" style="display:none;" class="loading-message">Loading...</span>

и ваш jquery будет:

$('.loading-message[rel^=2a]').show();

Обновление: , чтобы сделать переменную, просто сделайте:

var x = "2a";
$('span[rel^='+x+']').show();

Answer 3

$('#loading[rel=1n]').show();

Но вы действительно не должны были повторять удостоверения личности в вашем доме.