Javascript 在jquery中获取数据属性值
我有两个类别“1和2”。下面给出了我的示例代码。我不知道如何在jQuery中获取值和类别。请帮助我获取“getData:”中的值 HTMLJavascript 在jquery中获取数据属性值,javascript,php,jquery,Javascript,Php,Jquery,我有两个类别“1和2”。下面给出了我的示例代码。我不知道如何在jQuery中获取值和类别。请帮助我获取“getData:”中的值 HTML <div class="row"> <div class="col-md-12"> <section> <div class="tag-handler-category" data-category="1">#KEY
<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>
$(“.tag handler”).tagHandler({
getData:{tagcategoryid:$(“.tag handler category”).data('category')},
getURL:“/tag/interest”,
自动完成:正确,
自动更新:true
});
我想你应该改成这样:
getData: { tagcategoryid: $(this).siblings(".tag-handler-category").data('category') },
由于js/jquery中的类选择器返回一个集合,因此您需要为集合中的每个元素创建一个上下文,关键字为this
,并且目标元素处于同一级别,并且它是选择器的同级,因此您可以使用.sibles()
方法来获取目标元素
更新:您可以使用
。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>
$(“.tag handler”)。每个(函数(i,v){
$(this).tagHandler({
getData:{tagcategoryid:$(v).data('category')},
getURL:“/tag/interest”,
自动完成:正确,
自动更新:true
});
});
我认为您正在尝试获取与当前节相关的类别编号。在这种情况下,获取data()
,如下所示:
$(this).closest("section").find(".tag-handler-category").data('category')
什么是
tagHandler()
?@D4V1D,用于将数据生成为标记。本网站提供了许多关于获取自定义数据-*属性的答案。我建议您在创建重复问题之前进行一些研究。另外:您没有属性getData
@NewToJS,当前tagcategoryid 1正在传递而不是传递2。我使用了您的代码,但传递了一个类别id。请参阅firebug控制台结果。得到