如何在javascript中獲取動態創建的標籤元素的標識號

Question

我想要獲得在jade中創建的javascript中動態創建的標籤的文本。這裏的玉：

- for(var i = 0; i < groupsName.length; i++) { 
    li 
    a(href='JavaScript:validation(this)') 
     img(src='/images/edit.png', width='60', height='60', style='margin:8px 10px 10px 20px;') 
     h3 #{groupsName[0]} 
      label(for='groupsId' , id='labelid'+i) #{groupsId[i]} 
     a(href='/groupdetails') Edit 
    - } 

，這是我的javascript代碼：

function validation(val){ 
    var valid=val.id; 
    alert(document.getElementById(valid).innerHTML); 
} 

Answer 1

不知道如果我正確地解釋你的模板，但只要動態標籤是定位標記的後代，其觸發驗證這應該工作：

首先替換hrefonclick否則通過this將引用window。生成的錨標記應該是這樣的：

<a href="javascript:void(0);" onclick="validation(this);"> 

然後，只需調整你的功能略：

function validation(anchor) { 
    var lbl = anchor.getElementsByTagName('label')[0]; 
    alert(lbl.innerHTML); 
    alert(lbl.id); 
}​ 

Fiddle