2013-10-18 123 views
0

我在每一行都有一個帶單選按鈕的表格。該表還包含 每行的附加信息。我想 只顯示所選單選按鈕行 的詳細信息不適用於所有行。當選擇 時,所選rb的樣式也應該改變。點擊單選按鈕時顯示/隱藏附加信息

無線電

<td class='v1'><input type='radio' name='price' value='rbt' id='rbt'>". oci_result($stmt, 'INFO_1') . "</td>\n" 

子信息:

"<tr><td class='e4' colspan='2'>Subcell1</td><td class='e4' colspan='2'>INFO_1</td><td class='e4'>EUR 194</td><td class='e4'>EUR 194</td><td class='e4'>EUR 194</td><td class='e4'>free</td><td class='e4'>EUR 310</td><td class='e4'>free</td><td class='e4'>free</td></tr>\n" 

"<tr><td class='e4' colspan='2'>Subcell1</td><td class='e4' colspan='2'>INFO_2</td><td class='e4'>not included</td><td class='e4'>not included</td><td class='e4'>EUR 230</td><td class='e4'>free</td><td class='e4'>not included</td><td class='e4'>free</td><td class='e4'>free</td></tr>\n" 
    . "</tr>\n" 
    . "</tr>\n" 


$(".e4").hide(); 
      $('input[type=radio]').click(function(){ 
      $(this).closest("tr").find(".e4").show(); 
     }); 

子信息適用於幾行,但我們的目標是隻顯示所選行。

也許JQuery能解決這個問題嗎?

謝謝!

+2

其強烈recomended顯示你的代碼,當你發佈一個想法一個問題。否則,將很難幫助你 –

+0

代碼發佈。還是行不通。 – user2870167

回答

0

你可以用最接近()來獲取最近的元素

.closest()

0

你給任何代碼,所以我也不會。

嘗試.hide.show.toggle我認爲切換可能是最好的。

1

可能是你可以使用jQuery的.parent(), .closest() and .find()功能來實現這一點,請在看文檔,你會得到你如何能做到這一點