जावास्क्रिप्ट, मैं पंक्ति के एक विशिष्ट बच्चे को कैसे एक्सेस कर सकता हूं?

Question

जावास्क्रिप्ट का उपयोग करके, मैं एक पंक्ति के विशिष्ट बच्चे को कैसे एक्सेस कर सकता हूं? जावास्क्रिप्ट (कृपया jQuery नहीं)।

उदा .: दूसरी <TR> की <TD> जहां आईडी = id33322010100167

<table> 
<tr id="id33322010100167"> 
<td>20101001</td> 
<td>918</td> 
<td>919</td> 
<td>67</td> 
<td>CAR PROBLEM</td> 
</tr> 
<tr id="id33322010100169"> 
<td>20102001</td> 
<td>913</td> 
<td>914</td> 
<td>62</td> 
<td>LUNCHTIME</td> 
</tr> 
<table> 

Answer 1

var index = 1; // second element 
var child = document.getElementById('id33322010100167').childNodes[index] 

Answer 2

डोम का उपयोग करके आप तालिका पाने और उसके बाद बच्चे तत्वों से अधिक पुनरावृति जबकि गिनती रखने कर सकते हैं।

बेशक तत्व आईडी को अद्वितीय माना जाना चाहिए ताकि document.getElementById('id') काम कर सकें।

Answer 3

उपयोग jQuery:

first = $('#id33322010100167 td:first'); // gives you the first td of the tr with id id33322010100167 
last = $('#id33322010100167 td:last'); // gives you the last td of the tr with id id33322010100167 

आप अगले उपयोग कर सकते हैं() तत्वों के माध्यम से पुनरावृति करने के लिए

first.next(); 

Answer 4

सबसे विश्वसनीय cells संग्रह है, जो गैर आईई ब्राउज़रों में childNodes के विपरीत कोशिकाओं के बीच व्हाइटस्पेस टेक्स्ट नोड्स को अनदेखा कर देगा:

var td = document.getElementById("id33322010100167").cells[1]; 

Answer 5

हो सकता है कि आप इस कोशिश कर सकते हैं:

var tRow = document.getElementById("tableName").getElementsByTagName("tr"); 

for(var i = 0; i < tRow.length; i++){ 
    if(tRow[i].id == "name of your id"){ 
     //do something 
    } 
}