如何在 jQuery 中将 html 文本显示为该属性？

Question

问题并未在每个标签中显示。我遇到这样的问题：

attr is not a function

。

$('document').ready(function() {
  jQuery('.custom-size .size .text').each(function() {
    var option_label = this.attr("option-label");
    jQuery(this).text(option_label);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<div class="custom-size">
  <div class="size">
    <div class="text" option-label="NONE"></div>
    <div class="text" option-label="44">NONE</div>
    <div class="text" option-label="46">44</div>
    <div class="text" option-label="48">46</div>
  </div>
</div>

Answer 1

a) 由于您使用的是最新版本的 jQuery，请使用

$

而不是

jQuery

b) 您需要使用

$(this)

而不是

this

。

C) 更好地使用数据属性。

检查以下：

$('document').ready(function() {
  $('.custom-size .size .text').each(function() {
    var option_label = $(this).data("option-label");
    $(this).text(option_label);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<div class="custom-size">
  <div class="size">
    <div class="text" data-option-label="NONE"></div>
    <div class="text" data-option-label="44">NONE</div>
    <div class="text" data-option-label="46">44</div>
    <div class="text" data-option-label="48">46</div>
  </div>
</div>

Answer 2

Try this =>
$('document').ready(function() {
            jQuery('.custom-size .size .text').each(function() {
                var option_label = jQuery(this).attr("option-label");
                jQuery(this).text(option_label);
            });
        });