切換不適用於所有選項卡和內嵌文本對齊

Question

我想弄清楚爲什麼這行代碼不會在已發送消息選項卡內執行。它在收件箱內正常工作，但未發送。另外，我還想弄清楚爲什麼當我使用內嵌的文本對齊中心樣式時，body複選框不會居中。

http://jsfiddle.net/Ytx9D/3/

$('#selectall').toggle(
    function() { 
     $('.table .messages').prop('checked', true); 
    }, 
    function() { 
     $('.table .messages').prop('checked', false); 
    } 
); 

UPDATE：http://jsfiddle.net/Ytx9D/4/

Answer 1

您有id="selectall"這樣的jQuery時，只有結合到第一個超過一個DOM節點。

您可以通過單擊「收件箱郵件」中的全選按鈕然後切換到「發送郵件」來證明這一點，您將看到它們全部被檢查。

解決方法是命名空間並將它們更改爲類。

<input type="checkbox" name="messages" class="selectall hidden" /> 

那麼你的jQuery應該是這樣的：

$('.selectall').toggle(
    function() { 
     $(this).closest('.table').find('.messages').prop('checked', true); 
    }, 
    function() { 
     $(this).closest('.table').find('.messages').prop('checked', false); 
    } 
);