1

Подскажите почему не работает, у меня на странице 2 id со значением к примеру test. Следующий код меняет только первое значение блока, почему, как поменять сразу 2?

$('#test').text(deliveryCost);
3
  • 1
    ID может быть только один на странице! Точнее в одной области.
    – user207618
    12 мар 2018 в 19:49
  • используйте разные id, или используйте class
    – soledar10
    12 мар 2018 в 19:49
  • Увы даже google лоббирует стандарт с уникальным ID - начал выдавать ошибки в консоли. Поэтому лучше от греха, не дублировать ID. Тем не менее на практике это бывает сложно - например заказчик захотел вывести несколько существующих форм(которые раньше были на своих страницах) - в одной странице: а тратить своё время на лабуду программисты не любят, если всё работает и так :) 13 мар 2018 в 1:34

1 ответ 1

2

Селектор по id выдает только первый найденный элемент.

Не рекомендуется использовать элементы с идентичными id, однако если уж очень хочется, то есть такой хак: использовать Attribute Equals selector вместо id selector.

$('button').on('click',magic);
function magic(){
$('[id="test"]').text('clicked!!!');
}
.test1{
color:blue;
}
.test2{
color:violet;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='test' class='test1'>test1</div>
<div id='test' class='test2'>test2</div>
<button>Магия</button>

1

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.