jQuery遍歷DOM - 單擊按鈕時按類別定位項目

Question

由於某些行通過克隆動態插入，因此我沒有要查看的ID。

我正在查找與檢查系統按鈕相對應的systemname的值被單擊。

下面是函數：

function getSystemInfo(btn){  
    var buttonClicked = $(btn); 
    var firstSystemName = buttonClicked.parent().next().find($("input.systemname")); 
    alert($(firstSystemName).val()); 
}    

這裏是生成的源代碼：

<div name="singleSystemDiv" class="offset-bg"> 
    <div class="field inline"> 
    <label class="frmFlds_labels">System Name</label> 
    <input name="systemname" class="systemname" size="15" value="d1cti1d4" type="text"> 
    </div> 
    <div class="field inline"> 
    <label class="frmFlds_labels">Location</label> 
     <select id="location" name="location"> 
      <option value=""></option> 
      <option value="Akron">Akron</option> 
      <option value="Allen">Allen DC - Mob</option> 
      <option value="Alpharetta">Alpharetta - Mob</option> 
     </select> 
    </div> 
    <div class="field inline"> 
    <label class="frmFlds_labels">Platform</label> 
     <select id="platform" name="platform" onChange="updateModels(this);" class="platform"> 
      <option value=""></option> 
      <option value="IBM" selected="selected">AIX</option> 
     </select> 
    </div> 
    <div class="buttons"> 
     <input value="Remove System" onClick="removeSystemRow(this);" type="button"> 
     <input value="Check System" onClick="getSystemInfo(this);" type="button"> 
    </div> 
</div> 

我有這樣的表述方式，我警報射擊，不確定的。

我似乎不得不問很多關於遍歷的SO問題。如果任何人有一個網站，說明這一點，請張貼。 jQuery關於.next（），parents（）等的文檔並不適合我。

Answer 1

試試這個：

function getSystemInfo(btn){  
    var buttonClicked = $(btn); 
    var $firstSystemName = buttonClicked.closest("div[name='singleSystemDiv']").find($("input.systemname")); 
    alert($firstSystemName.val()); 
} 

Example fiddle

或者，你可以使用buttonClicked.parent().parent().find($("input.systemname"));，但我個人覺得鏈parent()要求有點難看。