在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')