在jQuery中获取数据属性值

Question

我有两个类别“ 1和2”。 我的示例代码如下。 我不知道如何获取值意味着jQuery中的类别。 请帮助我获取“ getData：”中的值

HTML

<div class="row">
            <div class="col-md-12">
                <section>
                    <div class="tag-handler-category" data-category="1">#KEYSKILLS</div><br>
                    <ul class="tag-handler">
                    </ul>
                </section>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <section>
                    <div class="tag-handler-category" data-category="2">#INTERESTS</div><br>
                    <ul class="tag-handler">
                    </ul>
                </section>
            </div>
        </div>

JS

<script type="text/javascript">
  $(".tag-handler").tagHandler({
      getData: { tagcategoryid: $(".tag-handler-category").data('category') },
      getURL: '/tag/interest',
      autocomplete: true,
      autoUpdate: true
  });

</script>

Answer 1

我想你应该改变这个：

getData: { tagcategoryid: $(this).siblings(".tag-handler-category").data('category') },

由于js / jquery中的类选择器返回一个集合，因此您需要为集合中的每个元素都具有一个关键字this并且由于目标元素处于同一级别，并且它是选择器的同级，因此您可以使用.siblings()方法来获取目标元素。

---

更新：您可以使用.each()方法：

<script type="text/javascript">
  $(".tag-handler").each(function(i, v){
      $(this).tagHandler({
          getData: { tagcategoryid: $(v).data('category') },
          getURL: '/tag/interest',
          autocomplete: true,
          autoUpdate: true
      });
  });

</script>

Answer 2

我认为您正在尝试获取与当前部分相关的类别编号。 在这种情况下，按以下方式获取data() ：

$(this).closest("section").find(".tag-handler-category").data('category')