JQuery展開和隱藏表td

我設法使錶行擴展和隱藏，但是當我添加另一行時，就像所有行一起摺疊。JQuery展開和隱藏表td

你的幫助真的很感謝。

$('#more').on('click',function(event){ 
    $(this).closest('tr').nextAll('.hidden-row').toggle(); 
});

這裏是DEMO

來源

2016-05-15 Fiido93

不要使用nextAll()，只需使用next()。

也不應該在HTML文檔中重複ID，所以用類替換所有moreID。

請參閱JSFiddle瞭解更新代碼的外觀。

JSFiddle

來源

2016-05-15 16:07:33 Wowsk

嗨wowsk，是啊是工作壓力太大，但是當我想隱藏另一排它沒有表現出任何效果。 – Fiido93

檢查更新的答案 – Wowsk

ahh是因爲id omg。謝謝。你是我的救星。 – Fiido93

您正在使用nexAll()它選擇它旁邊的所有.hidden-row兄弟姐妹，爲了得到眼前的下一個兄弟使用next()代替。你也使用相同的id td，它應該是唯一的，所以只有選中第一個元素。對於一組元素，始終使用class。

$('.more').on('click', function(event) { 
 
    $(this).closest('tr').next().toggle(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td><a class="more" href="#">section</a> 
 
    </td> 
 
    </tr> 
 
    <tr class="hidden-row"> 
 
    <td colspan="10">Hahaha</td> 
 
    </tr> 
 
    <tr> 
 
    <td><a class="more" href="#">more</a> 
 
    </td> 
 
    </tr> 
 
    <tr class="hidden-row"> 
 
    <td colspan="10">Hahaha</td> 
 
    </tr> 
 
</table>

來源

2016-05-15 16:14:16

是啊，因爲身份證。謝謝。注意 – Fiido93

JQuery展開和隱藏表td

回答

相關問題