jQuery是一種流行的JavaScript庫(kù),可以用來(lái)操作HTML文檔中的元素。其中,選擇table內(nèi)容包含的元素是一個(gè)常見(jiàn)任務(wù)。幸運(yùn)的是,通過(guò)使用jQuery的選擇器,我們可以輕松地實(shí)現(xiàn)這個(gè)任務(wù)。
// 選擇包含特定文本的表格單元格 $(document).ready(function(){ $('td:contains("文本")').addClass('highlight'); });
上面的代碼使用:contains選擇器,查找包含指定文本的table元素。如果找到匹配的元素,就將它們添加到列表中,并將它們的class設(shè)置為"highlight",這樣就可以突出顯示它們了。
// 選擇第N列的所有單元格 $(document).ready(function(){ $('td:nth-child(N)').addClass('highlight'); });
如果要選擇一個(gè)給定表格中的特定列,則可以使用:nth-child選擇器。在這個(gè)例子中,我們選擇了第N列中的所有單元格,并將它們添加到列表中,以進(jìn)行突出顯示。
// 組合選擇器 $(document).ready(function(){ $('table').find('tr:even').addClass('highlight'); });
最后,我們可以結(jié)合使用jQuery的多個(gè)選擇器來(lái)選擇table中內(nèi)容包含的元素。在這個(gè)例子中,我們通過(guò)結(jié)合使用find()和:even選擇器,選擇了每個(gè)偶數(shù)行,并將它們添加到列表中進(jìn)行突出顯示。