javascript - 2 回目のクリックで値が更新される

Question

コードに問題があります。ここに私の構造があります、私は次のようなクラス構造を持っています:

.box-slide-query

---.new-query-blocks

---.query-blocks

---.query-blocks

---.query-blocks

.new-query-blocks クラスをクリックする必要があります。.query-blocks の数を取得する必要があります。値を取得することはできますが、2 回クリックすると機能します (2 回目のクリックで attr "answerCount" の値を更新します)。

ここに私のコードがあります:

$('html').on('click', '.new-query-blocks', function () {
    $('.query-result').each(function () {
        ($('.box-slide-query')).attr('answerCount', $('.new-question-row', $(this)).length);
    });
});

Answer 1

これを試して：

$('html').on('click', '.new-query-blocks', function () {
    $('html').find('.query-result').each(function () {
        ($('.box-slide-query')).attr('answerCount', $('.new-question-row', $(this)).length);
    });
});