javascript - for循环中的javascript if语句未找到==

Question

我有一个 for 循环，我对控制台的跟踪显示我的变量是正确的。Epid 是用另一种方法确定的。

 for (var i=0; i< $('#slideshow > div').length; i++) {
   var divid = $('#slideshow > div').eq(i);
   console.log(divid)
   console.log(epid)
   if ( divid == epid ) {
    alert("equal " + epid);
   } else {
    console.log("blah");
   };
};

在循环中的某一时刻，控制台显示元素相同，但没有弹出警报。安慰：

<div style=​"height:​ 100%;​ display:​ none;​ " id=​"ep5">​…​&lt;/div>​
<div style=​"height:​ 100%;​ display:​ none;​ " id=​"ep6">​…​&lt;/div>​
blah
<div style=​"height:​ 100%;​ display:​ none;​ " id=​"ep6">​…​&lt;/div>​
<div style=​"height:​ 100%;​ display:​ none;​ " id=​"ep6">​…​&lt;/div>​
blah
<div style=​"height:​ 100%;​ display:​ none;​ " id=​"ep7">​…​&lt;/div>​
<div style=​"height:​ 100%;​ display:​ none;​ " id=​"ep6">​…​&lt;/div>​
blah

Answer 1

divid是一个 jQuery 对象。它永远不会匹配另一个变量，除非该变量指向完全相同的 jQuery 对象。 ==或===比较对象引用以查看它们是否完全相同。它不比较这些对象的内容。

如果 epid 是一个 DOM 对象，并且您的代码的目的是比较 DOM 对象，那么您应该使用.get(i)or[i]代替and ：.eq(i)epiddivid

var divid = $('#slideshow > div').get(i);

---

假设epid是一个 DOM 对象，并且您正在寻找幻灯片中的哪个项目与该对象匹配，您可以拥有更高效和正确的代码，如下所示：

var items = $('#slideshow > div');
for (var i = 0; i < items.length; i++) {
    var divid = items[i];
    if ( divid === epid ) {
        alert("equal " + epid);
    } else {
        console.log("blah");
    }
}

---

如果您只想知道epid幻灯片集合中的索引，则不需要for循环手动查找它 - 您可以这样做：

var index = $('#slideshow > div').index(epid);

Answer 2

我从您的代码中假设您想比较元素的 Html？

 for (var i=0; i< $('#slideshow > div').length; i++) {
   var divid = $('#slideshow > div').eq(i);
   console.log(divid)
   console.log(epid)
   if ( divid.html() == epid.html()) {
    alert("equal " + epid);
   } else {
    console.log("blah");
   };
};

Answer 3

您在这里比较两个对象..只有完全相同的对象才是正确的..所以而不是 == 使用 === 。还假设如果每个 div 都有一个 id 你可以比较它的 id 属性..

for (var i=0; i< $('#slideshow > div').length; i++) {
   var divid = $('#slideshow > div').eq(i);
   var dID = divid.attr('id');
   var eID = epid.attr('id');
   console.log(divid);
   console.log(epid);
   if(dID != ''  && eID != ''){
       if ( dID == eID ) {
          alert("equal " + epid);
       } else {
         console.log("blah");
       };
    }
};

这只有在 div 已经有一个 ID 的情况下才有效。或者每个 div 都有一个特定的类。