Question

警告：我是一个Wordpress黑客，而不是前端开发人员。

我要复制的代码的工作副本是here。注意：当您单击办公室名称时，将显示/隐藏办公室详细信息。

这是我想用自己的jquery重新创建的功能。

我不知道如何使用Chrome的开发者工具从工作副本中复制jquery。

我有一个{/ 3}的HTML / CSS。

我需要像这样使用jquery：

$(document).ready(function() {
  $('.viewLocationDetail').click(function() {
    $('.mapLocationDetail').toggle;
  });
}

但我需要更改此jquery，以便它适用于.viewLocationDetail的所有实例，以便点击仅切换与{{.mapLocationDetail相同的LI 1}}。

示例.viewLocationDetail：

LI

Answer 1

我知道你不是来自JavaScript背景。好吧，错误很少，请继续阅读代码中的注释：

$(document).ready(function() {
  $('.viewLocationDetail').click(function() {
    // 1. Use $(this).
    $(this).find('.mapLocationDetail').toggle(); // 2. Missing ()
  });
}); // 3. Missing closing );

如何将jquery代码应用于UL中的所有LI

1 个答案: