請讓這個JavaScript顯示切換與多個類的工作

有人可以讓這個工作與多個類。它目前只適用於一個，我不知道的JavaScript請讓這個JavaScript顯示切換與多個類的工作

<!-- 
var toggle_visibility = (function(){ 
    function toggle(el){ 
     el.style.display = el.style.display==='none' ? 'block' : 'none'; 
    } 
    return function(cl){ 
     var els = document.getElementsByClassName(cl); 
     for(var i=0; i<els.length; ++i){ 
     toggle(els[i]); 
     } 
    }; 
})(); 
//-->

也繼承人我如何運行腳本

<tr><td><a href="#" onclick="toggle_visibility('nyc');">New York</a></td> 
<td><a href="#" onclick="toggle_visibility('photoshop');">Photoshop Work</td> 
<td><a href="#" onclick="toggle_visibility('photography');">Photography</td></tr> 
<tr><td><a href="#" onclick="toggle_visibility('art');">Art Projects</td></tr>

，所以我只是希望它這樣

<td><a href="#" onclick="toggle_visibility('art','photoshop','photography');">New York</td>

作品的複製品

來源

2013-07-15 user2072017

當您選擇/單擊某個選項時，是否要隱藏其餘元素？ – sinisake

是的，所以它只顯示選擇 – user2072017

我想你想要這個（如果你不想要別的東西，請告訴我，你的問題不清楚）

$(function(){ 
    $('table#items').on('click', 'a', function(e){ 
     $(this).closest('table').find('tr').not($(this).closest('tr')).toggle(); 
    }); 
});

將代碼放在<script>之間的<head>部分像

<head> 
    <script type="tetx/javascript"> 
     // code goes here 
    </script> 
</head>

而且，這些是不必要的今天，我們不是生活在一個古老的年齡瀏覽器（IMO）

DEMO的。

另請注意，您的HTML已損壞，請檢查演示中的HTML。此外，如果您不想使用id（我已使用id='items'）表格，則只需使用$(table)而不是$(table#items)。

來源

2013-07-15 02:20:41

請讓這個JavaScript顯示切換與多個類的工作

回答

相關問題