Как да получите данни-стойност, която класа = "rb-tab-active" - ​​javascript, jquery, html

Имам някакъв въпрос за това как да стигна data-value от <div> ако "класа" е "rb-tab-active".

                    <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>

Отговори:

употреба $(".rb-tab-active").data("value").

Допълнителна информация:-

1. jQuery селектори
2. jQuery.data ()

Можете да използвате това:

<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>

Въпросът не споменава, че jquery се предпочита или изисква, въпреки че има jQuery маркер. Във ванилия javascript, можете да постигнете това с:

var value;
var active = document.querySelector(".rb-tab-active");
if (active) {
var value = active.getAttribute("data-value");
console.log(value);
}

Изберете div и използвайте функцията Jquery data () или attr ().

$(".rb-tab-active").data("value");

или

$(".rb-tab-active").attr("value");

Вижте тези ..

https://api.jquery.com/jquery.data/

http://api.jquery.com/attr/

Ако не използвате jquery

document.getElementsByClassName("rb-tab-active").getAttribute("data-value");