如何選擇「：偶」父母？

Question

我想做一個if語句，如果按鈕的父母是父母的偶數孩子，做alert("it works");，否則做alert("nope");，這可能是一件非常簡單的事情，我真的很陌生！ :)這裏是我當前的代碼：

HTML：

<div> 
    <div> 
     <button>#0</button> 
    </div> 
    <div> 
     <button>#1</button> 
    </div> 
    <div> 
     <button>#2</button> 
    </div> 
    <div> 
     <button>#3</button> 
    </div> 
</div>​ 

JS：

$(function() { 
     $("button").click(function() { 
      var $parent = $(this).parent(); 
      if ($parent.is(":even")) { 
       alert("it works"); 
      } else { 
       alert("nope"); 
      } 
     }); 
});​ 

的jsfiddle：http://jsfiddle.net/goldson/Rn6gz/1/

提前感謝！

Answer 1

您可以使用index()獲取索引並使用模運算符%來了解它是否爲event或odd。

Live Demo

$(function() { 
    $("button").click(function() { 
     var $parent = $(this).parent(); 
     if ($parent.index() % 2 == 0) { 
      alert("it works"); 
     } else { 
      alert("nope"); 
     } 
    }); 
});​ 

Answer 2

一個解決辦法是類添加到您的甚至div元素：

Demo

<div id="parentDiv"> 
    <div> 
     <button>#0</button> 
    </div> 
    <div> 
     <button>#1</button> 
    </div> 
    <div> 
     <button>#2</button> 
    </div> 
    <div> 
     <button>#3</button> 
    </div> 
</div> 


$(function() { 

    var arr = $('#parentDiv div'); 
    arr.filter(":even").addClass("even"); 

    $("button").click(function() { 
     var $parent = $(this).parent(); 
     if ($parent.is(".even")) { 
      alert("it works"); 
     } else { 
      alert("nope"); 
     } 
    }); 

}）;