Question

我正在开展一个项目，似乎已经碰壁了。我想要实现的是当单击一个按钮时，应该将一个class =“testing”的div附加到div。但是我希望这些仅限于5次，所以如果有5个div与class =“testing”，则显示而不是附加警报。

这就是我所拥有的：

$('#campaign_builder_new').click(function() {
    var question_row = $('div').hasClass('testing')
    if ($(question_row).length > 5) { 
        alert('no more');
    }

    else { 
        $('#campaign_builder_questions_area').append('<div class="testing">hi</div>')
    }

    });

然而它继续追踪第5项......任何人都知道我做错了什么？非常感谢你！

Answer 1

您的question_row变量有点偏离：

var question_row = $('#campaign_builder_questions_area .testing');

question_row现在是附加类的数组 - 检查.length的{{1}}现在应该有效。

Answer 2

试试这个：

$("div .testing").length > 5

Answer 3

hasClass不会过滤您的结果集，只会返回true或false 您正在考虑的是.filter

$('div').filter('.testing')

但是可以使用单个选择器

$('div.testing')

将附加项限制为x数

3 个答案: