使用jQuery批量更改HTML內容

Question

我有幾個td s，其中ids = row [0]，row [2] row [4]依此類推。

<td id="row[4]">02:45</td> 
<td id="row[6]">03:45</td> 

內容在這些次像03:45，04:45我想更改爲03:15，04:15等使用jQuery。

編輯：

我結束了與此：

jQuery('td[id^="row"]').each(function(){ 
    min = parseInt(jQuery(this).text().substr(3,2)) + 30; 
    min %= 60; 
    new_time = jQuery(this).text().substr(0,3) + min; 
    jQuery(this).text(new_time); 
    }); 

有沒有更合適的方法，現在做到這一點？

Answer 1

您可以使用開始與選擇^這樣的：

$('td[id^="row"]').each(function(){ 
    $(this).text('your text...'); 
}); 

上面的代碼將詳細說明每td其id開始與row。

更多信息：

• http://api.jquery.com/attribute-starts-with-selector/

Answer 2

這取決於如何您正在訪問的細胞。如果他們根本不提示他們的內容，他們可以簡單地連續命名。假設你已經得到了照顧，語法的改變（正確命名）元素是

$('#your_id').html('text or HTML string here'); 

或

$('#your_id').text('text or HTML string here'); 

更換其中只有文字。

Answer 3

另一種解決方案。由於你只想改變td S的內部文本，試試這個...

$('#myTable td').text(function (i, oldValue) { 
    return oldValue.replace('45', '15'); 
}); 

你也可以使用由@Sarfaz建議，而不是選擇。

未經測試，但我相信它應該工作。

Answer 4

感謝您的回覆......我結束了這個......現在有沒有更好的方法可以做到這一點？ 我想讓01:00至01:30，01:15至01:45，01:30至01:00和01:45至01:15

jQuery('td[id^="row"]').each(function(){ 
    min = parseInt(jQuery(this).text().substr(3,2)) + 30; 
    min %= 60; 
    new_time = jQuery(this).text().substr(0,3) + min; 
    jQuery(this).text(new_time); 
    });