獲取使用jQuery或js指定行的表的文本值

Question

我想逐行獲取表的數據，以創建一個字符串，並用逗號分隔數據。 該表如下所示：

我想要一個字符串，其中的數據來自表，以逗號分隔（CSV樣式），如下所示：

myText =始終超出要求-基准1，超出某些要求1，滿足要求2，

表格HTML如下所示：

我嘗試了以下代碼，但我無法僅獲取一行的值/文本，然后在同一行中請求下一個單元格，然后跳至下一行。

console.log($('.sm-data-table-summary').eq(2).text());

但是它將檢索整個頁面中第二個元素的所有表數據。

csv_string += ($('.sm-data-table-summary > tbody').prop("innerText") + ',');

但這會獲取表的所有數據，這意味着選項文本+百分比+數值，並遍歷所有選項，而沒有給我選項以逗號分隔

$(element).find('.sm-data-table-summary').each(function() {
            console.log($(this).find("tr:nth-child(2)").text());
        });

最后一個是我最想要的，我在頁面中找到每個表的第二個文本，百分比和數字值。 再一次，所有這些都沒有給我機會以逗號分隔。

您知道一種只獲取選項文本，百分比，然后是同一行的數值的方法嗎？ 然后移到下一行？

也許是錯誤的方法。

Answer 1

查看是否可行：

 var els = $(".sm-data-table-summary").find(".label,.sm-data-total").get(); var myText = els.map(function(e) { return $(e).text(); }).join(","); // debugging console.log("texts:", myText); document.body.innerHTML += myText; 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table class="sm-data-table-summary" border=1> <tr> <td><div class="label">a-label</div></td> <td>a-percent</td> <td><div class="sm-data-total">a-1</div></td> </tr> <tr> <td><div class="label">b-label</div></td> <td>b-percent</td> <td><div class="sm-data-total">b-1</div></td> </tr> </table> <hr> 

如您所見，這僅獲取每行的label和sm-data-total 。 如果需要百分比，則只需將參數更改為.find() 。