Question

我有一些简单的jQuery切换脚本，如下所示：

<script type="text/javascript">
$(document).ready(function() {
  $('#clickedit').click(function() {
    $('#st').toggle();
  });
});
</script>

当然，在我的HTML中我有一些

<div id="clickedit">CLICK ITEM TO TOGGLE</div>
<div id="st">content to show/hide</div>

现在......如果我正在使用PHP并且我正在迭代几个“项目”并且每个“项目”都有他的内容显示/隐藏我无法将静态ID设置为我的div，因为脚本不起作用。我可以将一些项目的id分配给我的div（类似echo "<div id='clickedit".$id."'>";和echo "<div id='st".$id."'>";），但我不知道如何在我的jQuery脚本中处理它们！我只是发现了jQuery，它很精彩，但仍然让我感到困惑:)所以任何帮助都会很棒！提前谢谢！

Answer 1

我不知道你的具体情况，但是这样的事情可以解决问题：

<div class="clickedit" id="clickedit123">CLICK ITEM TO TOGGLE</div>
<div class="st" id="st123">content to show/hide</div>

您可以设置类名，以便能够一次将点击事件分配给所有这些，但使用ID为每个项目分配一个特定的ID。

$('.clickedit').click(function() {
    var id = this.id.replace('clickedit', '');
    $('#st' + id).toggle();
}

在点击事件中取ID，从ID中取出通用部分并使用ID找到要切换的必要元素。

Answer 2

使用类选择器和一些jQuery甜蜜！

<script type="text/javascript">
$(document).ready(function() {
  $('.div1').click(function() {
    $(this).next('.div2').toggle();
  });
});
</script>

然后您的PHP将更改为，您可以删除您的ID：

echo "<div class='div1' id='clickedit".$id."'>"; and echo "<div class='div2' id='st".$id."'>";

将jQuery与PHP结合使用

2 个答案: