2013-07-09 56 views
0

我有點卡住試圖解決這個問題。 我需要得到一些單元格的內容,並在此之後做更新此細胞JQuery。如何選擇每行的一些單元格?

例如,我需要獲得細胞的值與 類= 2和class = 4 每一行的內部文本,並經過對此,更新他們的內部文本

我試圖通過這個代碼來做到這一點:

$(element).each(function() 
{ 
    // code code code 
}); 

但是是不是真的東西,我需要的,因爲這樣的代碼只是在每行獲得的每個元素,但我需要同時獲得每行的幾個元素

它應該看起來像這樣:

  1. get row。
  2. 在當前行
  3. 得到與類= 1個class = 2的元件其內容發送到腳本細胞
  4. 更新內容
  5. 獲得下一行

下面是示例表:

<table> 
    <tr> 
     <td class="1"> Cell One </td> 
     <td class="2"> Cell Two </td> 
     <td class="3"> Cell Three </td> 
     <td class="4"> Cell Four </td> 
    </tr> 
    <tr> 
     <td class="1"> Also one Cell One </td> 
     <td class="2"> Also one Cell Two </td> 
     <td class="3"> Also one Cell Three </td> 
     <td class="4"> Also one Cell Four </td> 
    </tr> 
</table> 

**

還有。 。

**

我需要發送的Ajax查詢,爲表的每一行,與當前行ajax.php的2個 細胞內的文字?ID = COLUMN1 & VAL = COLUMN2

回答

1

下面會給你一套所有class="1"class="2"一氣呵成:

$('tr .1, tr .2') 

然後你可以做這樣的事情:

$('tr .1, tr .2').each(function() { 
    if($(this).is('.1')) { 
     // class="1" stuff 
    } else { 
     // class="2" stuff 
    } 
}); 

如果你喜歡做的行迭代,你可以只選擇行,$('tr'),然後找到的迭代內感興趣的孩子們:

$('tr').each(function() { 
    var cols = $('.1, .2', this); 
    // do something with cols 
}); 

有很多前進方向;最好的解決方案將取決於你想要達到什麼樣的細節。

+0

這是看起來像什麼可以幫助的東西。真的非常感謝:3 –

+0

我在主題頭寫道,我試着達到目的 –

1

你可以做這樣的事情

而且我知道你在想是目前TD是否具有1類或2,您可以使用.hasClass()

$('table').find('tr').each(function(){ 
    var $tr = $(this); 
    $tr.find('.1, .2').html(function(idx, html){ 
     var $td = $(this); 

     if($td.hasClass('1')){ 
      return html + ' class-1'; 
     } else if($td.hasClass('2')){ 
      return html + ' class-2'; 
     } 

     return html + ' modified' 
    }) 
}) 

演示:Fiddle

相關問題