如何获取数据值,哪个类=" rb-tab-active"

时间:2017-09-25 17:28:45

标签: javascript jquery html

如果&#34;类&#34;我有一些关于如何从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>

4 个答案:

答案 0 :(得分:2)

使用$('.rb-tab-active').data('value')

进一步阅读: -

  1. jQuery Selectors
  2. jQuery.data()

答案 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中,您可以通过以下方式实现此目的:

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

答案 3 :(得分:0)

选择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");