在Web開發(fā)中,經(jīng)常需要操作表格中的數(shù)據(jù)。對(duì)于表格中具有選擇功能的單元格,也就是含有radio控件的
//獲取所有含有radio控件的td元素 var tdRadios = $('td:has(:radio)'); //遍歷每個(gè)含有radio控件的td元素 tdRadios.each(function() { //獲取td元素中的radio控件 var radio = $(this).find(':radio'); //操作該控件,如設(shè)置選中狀態(tài) radio.prop('checked', true); //獲取控件的值 var value = radio.val(); //打印控件值 console.log(value); });
上述代碼中,我們首先使用jQuery選擇器查找所有含有radio控件的td元素,然后使用each()方法遍歷每個(gè)td元素。在每個(gè)td元素中,我們?cè)偈褂胒ind()方法查找其中的radio控件,并對(duì)其進(jìn)行操作。比如通過(guò)prop()方法設(shè)置選中狀態(tài),通過(guò)val()方法獲取控件的值。遍歷完所有td元素后,我們可以得到每個(gè)radio控件的值,并對(duì)其進(jìn)行任意操作。
總之,使用jQuery遍歷td中的radio控件能有效地操作表格數(shù)據(jù),豐富網(wǎng)頁(yè)的交互效果。