通過td標頭選擇單元格（使用變量），並使用javascript類

Question

問題

我需要通過其標題cat_11_18 （變量存儲在obj.id中）和類column-percentage （靜態）來選擇一個td ，以便提取文本。

<td headers="cat_11_18 row_50_18 percentage" class="level2 leveleven item b1b itemcenter column-percentage">25 %</td>

目前正在嘗試：

$('td[headers*="' + obj.id '"].column-percentage').innerText;

---

演示代碼段

 $(function () { var cat = 'cat_11_18'; alert( $('td[headers*="' + cat + '"].column-percentage').innerText); }); 

 <td headers="cat_11_17 row_45_18 percentage" class="level1 levelodd oddd1 baggb itemcenter column-percentage">46 %</td> <td headers="cat_11_17 row_45_18 average" class="level1 levelodd oddd1 baggb itemcenter column-average">4</td> <td headers="cat_11_17 row_45_18 feedback" class="level1 levelodd oddd1 baggb feedbacktext column-feedback">Great</td> <br/> <td headers="cat_11_18 row_50_18 percentage" class="level2 leveleven item b1b itemcenter column-percentage">25 %</td> <td headers="cat_11_18 row_50_18 average" class="level2 leveleven item b1b itemcenter column-average">50</td> <td headers="cat_11_18 row_50_18 feedback" class="level2 leveleven item b1b feedbacktext column-feedback">Rubbish</td> 

---

背景

我正在遍歷一個表，以根據數據創建一系列圖形。 通過td標頭可以識別許多類別，每個圖都有兩個可以按類別識別的序列（學生的成績，平均成績）。 不同課程之間的類別可能會有所不同，因此我無法對解決方案進行硬編碼。

它已成功找到所有類別，但我一直在努力選擇適合單個類別的表格單元。 如果我僅選擇使用類，則可以正常工作，但這是不合適的，因為無論類別如何，所有信息都會混合在一起。

謝謝您的幫助

Answer 1

您想要.html()而不是innertext這是FIDDLE

<table border="1">

<td headers="cat_11_17 row_45_18 percentage" class="level1 levelodd oddd1 baggb itemcenter  column-percentage">46 %</td>
<td headers="cat_11_17 row_45_18 average" class="level1 levelodd oddd1 baggb itemcenter  column-average">4</td>
<td headers="cat_11_17 row_45_18 feedback" class="level1 levelodd oddd1 baggb feedbacktext column-feedback">Great</td>
<br/>
<td headers="cat_11_18" class="level2 leveleven item b1b itemcenter  column-percentage">25 %</td>
<td headers="cat_11_18 row_50_18 average" class="level2 leveleven item b1b itemcenter  column-average">50</td>
<td headers="cat_11_18 row_50_18 feedback" class="level2 leveleven item b1b feedbacktext column-feedback">Rubbish</td>

</table>

JS

$(function () {

  var cat = 'cat_11_18';

    alert(    $('td[headers*="' + cat + '"].column-percentage').html() );
});