如何将数据属性的值传递给另一个数据属性

Question

我正在尝试在同一元素的数据目标中传递 data-megamenu 的值，以创建引导程序 4 手风琴菜单。 我尝试了下面的脚本，但总是返回最后一个元素的值。

先感谢您

HTML

<ul class="level2">
    <div class="categories">
        <li class="menu" data-megamenu="cat1" data-target="#cat8" data-toggle="collapse">
            <a href="#">
                <span class="icon icon-eikona_ixos"></span>
                <span class="text">Category1</span>
            </a>
        </li>
        <div class="megamenu" id="cat1"></div>
    </div>

    <div class="categories">
        <li class="menu" data-megamenu="cat2" data-target="#cat8" data-toggle="collapse">
            <a href="#">
                <span class="icon icon-eikona_ixos"></span>
                <span class="text">Category2</span>
            </a>
        </li>
        <div class="megamenu" id="cat2"></div>
    </div>

    <div class="categories">
        <li class="menu" data-megamenu="cat3" data-target="#cat8" data-toggle="collapse">
            <a href="#">
                <span class="icon icon-eikona_ixos"></span>
                <span class="text">Category3</span>
            </a>
        </li>
        <div class="megamenu" id="cat3"></div>
    </div>

    <div class="categories">
        <li class="menu" data-megamenu="cat4" data-target="#cat8" data-toggle="collapse">
            <a href="#">
                <span class="icon icon-eikona_ixos"></span>
                <span class="text">Category4</span>
            </a>
        </li>
        <div class="megamenu" id="cat4"></div>
    </div>


</ul>

JQUERY

$(function () {
  var li1 = $(".categories .menu");

  $.each(li1, function (index, element) {
    var li1Value = $(this).attr("data-megamenu");
    console.log(li1Value);
    li1.attr("data-target", "#" + li1Value);
    li1.attr("data-toggle", "collapse");
  });
});

Answer 1

尝试如下

$(function () {
  var li1 = $(".categories .menu");

  $.each(li1, function (index, element) {
    var li1Value = $(this).attr("data-megamenu");
    console.log(li1Value);
    //li1.attr("data-target", "#" + li1Value);
    $(this).attr('data-target', li1Value);
    li1.attr("data-toggle", "collapse");
  });
});