關於jquery foreach html table 的方法

如標題

$('#tableAlonso > tbody  > tr').each(function() {

//想要抓alice  這個input的值
var temp =  $(this).find("input[name*='Alice']")[0];     
if(temp!== undefined){
console.log("OK"); //有抓到input
}
});  

 

//////段落說明這一段是再說 我要去繞 這個表格的id tableAlonso 的 tbody元素的tr 元素

$('#tableAlonso > tbody  > tr').each(function() {

$(this)   <<目前繞道 那一行的  元素物件

}});  

 

var temp =  $(this).find("input[name*='Alice']")[0];      /抓input的name,抓出來是一個陣列的物件,取第0個來用, 

 input[name*='Alice'] 是再說尋找input html 元素名稱跟 Alice , input html  寫法類似contains string的概念

tr裡面專td的概念

$('#alonsotable > tbody  > tr').each(function() {
$(this).find('td').each (function() {
  // do your cool stuff
});        

});

 

//說明 break  與 contintue

$.each(data, function(index, obj){

    if ($(obj).text()) {

        return; // 等於 continue

    } else {

        return false; // 等於 break

    }

});
 

 

JQ 選擇器抓input stratwith

https://api.jquery.com/attribute-starts-with-selector/

JQ 選擇器抓input contains

https://api.jquery.com/attribute-contains-selector/

JQ 選擇器抓input end width

https://api.jquery.com/attribute-ends-with-selector/

 

https://stackoverflow.com/questions/10431987/jquery-each-loop-in-table-row

參考網址