jquery - jquery 的 if 条件

Question

在我的 jQuery 中，我从自动完成所选项目中获取学生详细信息，例如

var data = "<div class='close'><table><tr><td rowspan='4' width='50px;'>
     <img src='" + studentItem.Photo + "' Width='48' Height='48'  /></td><td>" + 
     studentItem.Name + " ( <span class='stuId'>" + studentItem.StudentId + 
     "</span> )</td><td align='right' ><div class='close16'/></td></tr><tr><td>
     <table cellpadding='0' cellspacing='0'><tr><td>" + studentItem.Email +
     "</td><td>&nbsp;|&nbsp;</td><td>" + studentItem.Mobile + "</td></tr></table>
     </td></tr></table></td></tr></table></div>";

并将此数据绑定(bind)到div标签，例如

$("#students").append(data);

这里的问题是我可以一次又一次地获取同一个学生，并且我可以一次又一次地将相同的数据绑定(bind)到这个 div 标签中。

因此，为了限制这一点，我尝试在 data 之前设置条件，例如，

if (!$('.stuId').is(studentItem.StudentId)) {
   var data=..........
}
else{
  alert('Duplicate data');
}

但是即使studentId已经存在于div中，它也会进入 block 中。我该如何解决这个问题，任何人都可以帮助我

Answer 1

由于我们不知道您的 StudentId 类型，因此我们可以使用 filter (但是，在某些情况下 :contains 可能就足够了):

var len = $('.stuId').filter(function() {
    return this.innerHTML == studentItem.StudentId;
}).length;

if (len == 0) {
    var data = ..........
} else {
    alert('Duplicate data');
}​

它将选择所有 .stuId 元素并过滤重复项。