Как добавить на ссылку data-bs-toggle="dropdown" через JS?

Рейтинг: 0Ответов: 2Опубликовано: 03.02.2023

Подскажите, пожалуйста, как добавить на ссылку data-bs-toggle="dropdown" через jQuery??

<ul>
<li class="menu-item">
    <a href="#">Пункт меню</a>
</li>
<li class="menu-item">
    <a href="#">Пункт меню</a>
</li>
<li class="menu-item">
    <a href="#">Пункт меню</a>
</li>
<li class="menu-item menu-item-has-children">
    <a href="#">Пункт меню</a>
</li>
javascript jquery html5
Источник: Stack Overflow на русском

Ответы

▲ 0Принят

Используя метод attr в jQuery можно сделать так:

$(".menu-item a").attr("data-bs-toggle", "dropdown");

Если в attr указать два аргумента (название атрибута и какое-то значение), то тогда всем элементам с таким селектором .menu-item a (он указан в коде), будет назначен атрибут data-bs-toggle (тоже был указан в коде), со значением которые вы указываете во втором аргументе.

▲ 0

Замените атрибут href с помощью метода attr. Вместо кавычек, для значения аттрибута используйте

&quot;

В вашем случае:

$("a").attr("href","data-bs-toggle=&quot;dropdown&quot;");