0

从昨天开始，我一直在尝试做某事，但我真的被困住了。这是目前“有效”的方法：

<h1 onclick="functionToggle(<?php echo "'".$base."'" ?>)"> <?php  echo $base ?></h1>

哪个回声：

<h1 onclick="functionToggle('helpers')"> helpers</h1>

我有一个像这样的 div：

<div id="helpers" class="hidden">
    <div class="fichier">audio_extensions March 02 2013 23:35:36.</div>
    <div class="fichier">ebook_extensions March 02 2013 19:42:55.</div>
    <div class="fichier">movie_extensions March 02 2013 20:28:01.</div>
    <div class="fichier">zip_extensions March 02 2013 19:50:21</div>
</div>

问题是：有了这个函数，在 JS 中：

<script>
    function functionToggle(elem){
        etat=document.getElementById(elem).style.display;
        if(etat=="none"){
            document.getElementById(elem).style.display="block";
        }
        else{
            document.getElementById(elem).style.display="none";
        }
    }

 </script>

这行得通。我只是想知道如何用 JQuery 做到这一点？我尝试过这样的事情：

<script>
    function functionToggle(elem){
        $("#elem").toggle();
    }
 </script>

和许多其他组合，但它不起作用。我没有任何错误，它根本不起作用。

如果你有解决方案:)

4

3 回答 3

3 
$("#elem").toggle(); // which find the element with id "elem"

应该

$("#"+elem).toggle();
于 2013-03-03T12:57:11.113 回答
0

您将字符串传递#elem给 jQuery。你需要通过"#" + elem

于 2013-03-03T12:57:33.247 回答
0

您需要传递元素的实际 id。

<script>
    function functionToggle(elem) {
       $('#' + elem).toggle();
    }
</script>
于 2013-03-03T12:59:13.190 回答