jquery - 我可以使用 classlist 属性来更新 Jquery 中 div 中的文本吗？

Question

我正在尝试使用 div 类来更新 div 中的文本。

<div class="green paper 15">
<p class="desc">TEST 1</p>
</div>

<div class="blue rock 3">
<p class="desc">TEST 2</p>
</div>

<button value="0">COLOR</button>
<button value="1">CHOICE</button>

<script>
$("button").click(function () {
    var class_val = $(this).val();
        $.each('div', function(index, value) {
            $class_arr = $(this).classList;
            $new_desc = $class_arr[class_val];
            $('p.desc').text($new_desc);
        });
});
</script>

$class_arr 抛出一个未定义的错误。我哪里错了？谢谢你的时间。

Answer 1

Jquery 没有类列表属性。尝试按如下方式获取类：

<script>
$("button").click(function () {
    var class_val = $(this).val();
        $.each('div', function(index, value) {
            $class_arr = $(this).attr('class').split(/\s+/);
            $new_desc = $class_arr[class_val];
            $('p.desc').text($new_desc);
        });
});
</script>

Answer 2

.classList  is not a valid selector..

试试这个

$class_arr = $(this).attr('class').split(/\s+/);