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

Question

Подскажите, пожалуйста, как добавить на ссылку 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>

Answer 1

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

&quot;

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

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

Answer 2

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

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

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

БЛОГ НА HUSL

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

Ответы (2 шт):