jQuery के साथ तालिका सेल का मूल्य कैसे चुनें और बदलें?

Question

मैं jQuery का उपयोग कर HTML नमूने में 'सी' अक्षर वाले सेल की सामग्री कैसे बदलूं?

<table id="table_header"> 
<tr> 
    <td>a</td> 
    <td>b</td> 
    <td>c</td> 
</tr> 
</table> 

धन्यवाद।

Answer 1

$("td:contains('c')").html("new"); 

या, और अधिक स्पष्ट $("#table_headers td:contains('c')").html("new");

और शायद दोबारा उपयोग के लिए आप एक समारोह

function ReplaceCellContent(find, replace) 
{ 
    $("#table_headers td:contains('" + find + "')").html(replace); 
} 

Answer 2

कॉल करने के लिए आप CSS selectors उपयोग कर सकते हैं बना सकते हैं।

<td id='cell'>c</td> 

और उसके बाद का उपयोग करें::

कैसे आपको लगता है कि टीडी पाने पर निर्भर करता है, आप या तो यह एक आईडी दे सकते हैं

$("#cell").text("text"); 

या table_header की पहली पंक्ति के तीसरे सेल करने के लिए पार , आदि

Answer 3

eq()^(docs) का उपयोग करके आप तालिका में तीसरे सेल लक्षित कर सकते हैं:

$('#table_header td').eq(2).html('new content'); 

आप प्रत्येक पंक्ति में हर तीसरे सेल लक्षित करना चाहता है, तो का उपयोग nth-child-selector^(docs):

$('#table_header td:nth-child(3)').html('new content'); 

Answer 4

आप ऐसा कर सकते हैं:

<table id="table_header"> 
<tr> 
    <td contenteditable="true">a</td> 
    <td contenteditable="true">b</td> 
    <td contenteditable="true">c</td> 
</tr> 
</table> 

Answer 5

मैं दूसरी पंक्ति एचटीएमएल बदलने के लिए देख रहा था और आप कैस्केडिंग चयनकर्ता

$('#tbox1 tr:nth-child(2) td').html(11111)