2012-03-11 50 views
1

顯示的項目我真的很喜歡的方式這個作品的數量: http://jsfiddle.net/cTuQ4/更改使用jQuery

然而,不是「顯示5個」每個表,是有可能有一個「顯示剩餘項」功能?點擊這個將顯示該特定表格其餘部分的剩餘內容。

非常感謝任何指針。

回答

2

如果你改變了單擊處理程序如下它應該顯示在表中的所有剩餘項目:

$('.more').click(function() { 
    $(this).prev().find('tr').show(); 
}) 

這裏的小提琴:http://jsfiddle.net/zhgpW/1/

+0

很多,非常感謝,這個完美! !我現在只想在點擊後刪除「顯示5個更多」文本。這很容易實現嗎? – michaelmcgurk 2012-03-11 04:51:14

1
$('.more').click(function() { 
    $(this).prev().find('tr:hidden').show(); 
}) 
+1

我實際上會說這種方法比上面的更好。雖然.show()方法具有比較元素當前可見性並對結果採取行動的功能,但通過使用.show()定位所有元素,它們都將提供一個display:block。雖然這並不總是很糟糕,但可能會導致問題,例如tr是否顯示內聯塊,並且隱藏/ 0的可見性/不透明度。 – Ohgodwhy 2012-03-11 04:43:43

+0

完美。作爲最後一個問題。點擊後可以刪除「顯示5更多」文字嗎? – michaelmcgurk 2012-03-11 04:50:17

+1

調用'$(this).remove();'作爲第二條語句。 – Diode 2012-03-11 04:57:56