JQuery選擇器是一個非常有用的工具,它可以幫助我們去篩選特定的元素。在某些情況下,我們需要選取包含特定字段的元素。這時,我們可以使用包含選擇器(:contains)來實現這個目標。
$(document).ready(function(){ $('p:contains("JQuery選擇器")').css('background-color', 'yellow'); });
在上面的代碼中,我們首先選取所有含有“JQuery選擇器”這個字段的p元素,然后將它們的背景顏色設為黃色。
需要注意的是,:contains選擇器是區分大小寫的。如果我們想要忽略大小寫,可以使用JavaScript內置函數toLowerCase() 或 toUpperCase() 來實現。
$(document).ready(function(){ $('p').each(function(){ if($(this).text().toLowerCase().indexOf('jquery選擇器') !== -1){ $(this).css('background-color', 'yellow'); } }); });
在上面的代碼中,我們首先選取所有p元素,然后使用jQuery的each函數遍歷每一個元素。在遍歷的過程中,我們判斷該元素中是否含有“JQuery選擇器”這個字段(忽略大小寫),如果有就將其背景顏色設為黃色。
總之,包含選擇器是一個非常實用的篩選元素的工具。我們可以使用它來快速地選取所有包含特定字段的元素。