0

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 は未定義のエラーをスローします。どこが間違っていますか？御時間ありがとうございます。

4

2 に答える 2

1

Jquery には classlist プロパティがありません。次のようにクラスを取得してみてください。

<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>
于 2012-10-11T00:58:52.433 に答える
0 
.classList  is not a valid selector..

代わりにこれを試してください

$class_arr = $(this).attr('class').split(/\s+/);
于 2012-10-11T00:58:09.930 に答える