如果"类"我有一些关于如何从data-value
获取<div>
的问题。是&#34; rb-tab-active&#34;。
<p>B. Demonstrasi</p>
<div class="rb" id="rb-2">
<div class="rb-tab" data-value="1">
<div class="rb-spot">
<span class="rb-txt">Sangat Besar</span>
</div>
</div>
<div class="rb-tab" data-value="2">
<div class="rb-spot">
<span class="rb-txt">Besar</span>
</div>
</div>
<div class="rb-tab" data-value="3">
<div class="rb-spot">
<span class="rb-txt">Cukup Besar</span>
</div>
</div>
<div class="rb-tab" data-value="4">
<div class="rb-spot">
<span class="rb-txt">Kurang</span>
</div>
</div>
<div class="rb-tab" data-value="5">
<div class="rb-spot">
<span class="rb-txt">Tidak Sama Sekali</span>
</div>
</div>
</div>
<br>
答案 0 :(得分:2)
答案 1 :(得分:0)
你可以用这个:
<p>B. Demonstrasi</p>
<div class="rb" id="rb-2">
<div class="rb-tab" data-value="1">
<div class="rb-spot">
<span class="rb-txt">Sangat Besar</span>
</div>
</div>
<div class="rb-tab" data-value="2">
<div class="rb-spot">
<span class="rb-txt">Besar</span>
</div>
</div>
<div class="rb-tab" data-value="3">
<div class="rb-spot">
<span class="rb-txt">Cukup Besar</span>
</div>
</div>
<div class="rb-tab-active" data-value="4">
<div class="rb-spot">
<span class="rb-txt">Kurang</span>
</div>
</div>
<div class="rb-tab-active" data-value="5">
<div class="rb-spot">
<span class="rb-txt">Tidak Sama Sekali</span>
</div>
</div>
</div>
<br>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.rb-tab-active').each(function(){
console.log($(this).data('value'));
})
})
</script>
答案 2 :(得分:0)
问题没有提到jquery是首选或必需的,尽管它有一个jQuery标记。在vanilla javascript中,您可以通过以下方式实现此目的:
var value;
var active = document.querySelector('.rb-tab-active');
if (active) {
var value = active.getAttribute('data-value');
console.log(value);
}
&#13;
答案 3 :(得分:0)
选择div并使用Jquery data()函数或attr()。
$(".rb-tab-active").data("value");
或
$(".rb-tab-active").attr("value");
参考这些..
https://api.jquery.com/jquery.data/
如果没有使用
的jquerydocument.getElementsByClassName("rb-tab-active").getAttribute("data-value");