Можно ли добавить в div с данным атрибутом?

Question

Как вы добавляете к определенному div с указанным атрибутом?

ex.

<div attribute="234"></div>

$('#divwithattribute234').append('test');

Answer 1

jQuery('div[attribute=234]').html('test');

Проверка на jsfiddle

Answer 2

Я настоятельно рекомендую прочитать этот пост о с использованием пользовательских атрибутов , потому что это будет недопустимо даже в HTML5, который допускает пользовательские атрибуты. Почему бы просто не использовать класс, поскольку вы можете иметь столько, сколько хотите?

<div class"some_class some_other_class target_class"></div>

Из всех вышеперечисленных классов, предполагая, что 'target_class' - это тот, который используется для идентификации <div>, вы должны выбрать его и добавить к нему с помощью

$(".target_class").html('test');

---

Обновление:

Если у вас есть более одной цели <div> s, и вы ищете конкретную, используйте селектор с подстановочными знаками на триггере (в нашем случае мы будем использовать оператор ^=, что означает «начинается с» ), а затем присваивает его идентификатор переменной, которую мы затем передаем селектору <div>. Скажем, вы хотите добавить свой текст в div при нажатии на ссылку ...

HTML

<a href="#" class="some_class" id="target_div_1">Add to DIV 1</a><br />
<a href="#" class="some_class" id="target_div_2">Add to DIV 2</a><br />
<a href="#" class="some_class" id="target_div_3">Add to DIV 3</a><br />

<div class="some_other_class target_1">Div 1</div>
<div class="some_other_class target_1">Div 2</div>
<div class="some_other_class target_1">Div 3</div>

JQuery

$("a[id^=target_div_]").click(function(event) {
    var targetID = $(this).attr('id').substr(11);
    $("div.target_" + targetID).html('content got inserted in div ' + targetID);

    event.preventDefault();
});

См. На JSFiddle .

Надеюсь, это поможет!

Answer 3

Вот как вы будете соответствовать вашему div (<div attribute="234"></div>):

$("div[attribute=234]").html('Lets write something...');