манипуляции с jquery DOM, добавляющие классы html

#html #jquery

#HTML #jquery

Вопрос:

как бы мне добавить класс в «col» только для «1 из 3», не изменяя начальную загрузку, которую он мне дает

 <div class="container">
    <div class="row">
      <div class="col">
        1 of 3
      </div>
      <div class="col-6">
        2 of 3 (wider)
      </div>
      <div class="col">
        3 of 3
      </div>
<div class="container">
    <div class="row">
       <div class="col">
        1 of 3
        </div>
        <div class="col-6">
        2 of 3 (wider)
        </div>
        <div class="col">
         3 of 3
        </div>

$("#col").addClass("hour");

});

1. Я не вижу здесь никакого Jquery. Пожалуйста, опубликуйте полный код

2. просто добавил его внизу

3. $(".row").addClass("hour"); идентификаторы использования не должны объявляться дважды

4. Орри верен. Идентификаторы предназначены для одного конкретного элемента, классы можно использовать столько раз, сколько вы хотите.

Ответ №1:

HTML не может работать с несколькими одинаковыми идентификаторами. Идентификатор должен быть уникальным. Если вы хотите добавить класс к нескольким элементам, вместо этого определите их по классу.

 <div class="container">
    <div class="row">
      <div class="time" class="col">
        1 of 3
      </div>
      <div class="col-6">
        2 of 3 (wider)
      </div>
      <div class="col">
        3 of 3
      </div>
<div class="container">
    <div class="row">
       <div class="time" class="col">
        1 of 3
        </div>
        <div class="col-6">
        2 of 3 (wider)
        </div>
        <div class="col">
         3 of 3
        </div>

$(".time").addClass("hour");

Итак, вы в основном добавляете класс «hour» ко всем элементам с именем класса «time»

Ответ №2:

Вы не должны использовать один и тот же идентификатор для нескольких элементов. За кулисами jQuery использует document.getElementById() всякий раз, когда вы используете #xxx селектор. И это всегда возвращает только первый элемент с выбранным идентификатором.

Вместо этого используйте класс.