加一个判断函数即可: 加注释的两行是我给你改的代码
$(function () {
$('#_people .btn').click(function () {
var btn1html = $(this).html();
var newbtn = document.createElement("span");
newbtn.setAttribute('class', 'listItem btn');
newbtn.innerHTML = btn1html + ' ' + 'x';
// 按照条件增加子元素 检查是否满足条件
(checkSubCount() && !checkSubExist(btn1html)) ? $('._listBox').append(newbtn) : false;
$('.listItem').click(function () {
$(this).remove();
})
});
// 判断子元素格式
function checkSubCount() {
return $("._listBox").children().length >= 3 ? false : true;
}
// 判断子元素是否已经被添加 true 是 false 没有
function checkSubExist(sub) {
return $("._listBox").html().indexOf(sub) ==-1 ? false : true;
}
})