從HTML表中提取數據，並建立一個字符串使用jQuery

Question

我有以下HTML表格：

<tbody> 
    <tr> 
     <th>Actions</th><th>Contact Type</th><th>Contact</th><th>Call Order</th> <th>Text</th> 
    </tr> 
    <tr id="rulesegment_1"> 
     <td><input type="button" value="Remove" class="removeruleset"></td> 
     <td class="contact_type" id="contact_type1">6</td> 
     <td id="contact_details1">1234</td> 
     <td class="call_order" id="call_order1">1</td> 
     <td class="textm" id="textm1">false</td> 
    </tr> 
    <tr id="rulesegment_2"> 
     <td><input type="button" value="Remove" class="removeruleset"></td> 
     <td class="contact_type" id="contact_type2">4</td> 
     <td id="contact_details2">123424234</td> 
     <td class="call_order" id="call_order2">1</td> 
     <td class="textm" id="textm2">false</td> 
    </tr> 
    </tbody> 

我需要從表中提取所有數據，並用一個看起來像這樣的字符串結束：

"6,1234,1,false~4,123424234,1,false~" 

這樣做的最佳方法是什麼？ jquery中是否有任何方法/函數會這樣做？

Answer 1

我建議：

// select all the 'td' elements: 
var str = $('td').filter(function(){ 
    /* filter those elements to keep only those the 
     length of whose trimmed text is greater than zero: 
    */ 
    return $.trim($(this).text()).length > 0; 
}).map(function(){ 
    // trim the text of those kept 'td' elements, and return it 
    return $.trim($(this).text()); 
/* store it in an array (using 'get()'), and join those array 
    elements together with commas: 
/* 
}).get().join(','); 

console.log(str); 

JS Fiddle demo。

更新上述以包括代字號（~）：

var str = $('td').filter(function(){ 
    return $.trim($(this).text()).length > 0; 
}).map(function(){ 
    var self = $(this), 
     text = self.text(); 
    return !self.next().length ? text + '~' : text; 
}).get().join(','); 

console.log(str); 

JS Fiddle demo。

參考文獻：

• filter()
• get()
• jQuery.trim()
• map()
• text()

Answer 2

剛剛鏈中的$ .MAP調用，處理行，然後細胞，就像這樣：

// Get all the tr's that have an id attribute 
$.map($('tr[id]'),function(node){ 

    // Inside of each row, exclude the cells that have an input. 
    return $.map($('td', node).not(':has(input)'), function(td){ 
     return $(td).text(); 
    }).join(','); // Join the text with a comma 
}).join('~'); // Join the rows with a tilde 

這裏的測試：

http://jsbin.com/avUb/1/edit