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

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

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

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

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

我有一个HTML/CSS的框架

我需要像这样使用jquery：

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

但是我需要修改这个jquery，使其适用于

.viewLocationDetail

的所有实例，并使单击仅在与

.viewLocationDetail

相同的

LI

中切换

.mapLocationDetail

示例

LI

：

<li class="corePrettyStyle prettylink map accredited-training-rto disability-employment-services disability-management-services-dms employment-services employment-support-services-ess job-in-jeopardy training-services wa " data-title="Armadale, WA" data-lat="-32.15511" data-long="116.01419499999997" data-locationindex="0"><a title="View Armadale, WA" href="#" class="viewLocationDetail">Armadale, WA <span class="mapcategories">Categories: <span>Accredited Training – RTO Disability Employment Services Disability Management Services (DMS) Employment Services Employment Support Services (ESS) Job in Jeopardy Training Services WA </span></span></a>
  <div class="mapLocationDetail">
    <div class="mapDescription clearfix">
      <ul class="maploc-des">
        <li>12/47 William Street</li>
        <li>Armadale, WA 6112</li>
        <li><strong>Ph:</strong>&nbsp; (08) 6267 2555</li>
        <li><strong>Fax:</strong> (08) 6267 2556</li>
      </ul>
      For queries not related to Employment Services, please call 1300 677 789.</div>
    <a href="https://staging.orsgroup.com.au/location/armadale-wa/" class="viewLocationPage btn corePrettyStyle">Location &amp; service details</a>
    <div class="getDirections">Get directions from
      <input id="directionsPostcode" type="text" value="" size="10">
      <a href="#" class="getdirections btn corePrettyStyle">go</a>
      <div class="mapLocationDirectionsHolder"></div>
    </div>
  </div>
</li>

威廉街12/47号
阿玛代尔，华盛顿6112
Ph:（08）6267 2555
传真：（08）62672556

如有与就业服务无关的查询，请致电1300 677 789。
问路

我知道你不是JavaScript背景。好吧，这里几乎没有错误，请继续阅读代码中的注释：

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

---

对于此部分：“单击仅在与.viewLocationDetail相同的LI中切换.mapLocationDetail。”不太可能将

.MaplLocationDetail

嵌套在

中，谢谢Praveen。此解决方案是否有效，以便仅切换与

.viewLocationDetail

相同的

LI

中的

.mapLocationDetail

。我在a中使用了该代码，但它不起作用？@Steve你能创建一个小提琴吗？@Steve我给出的第一个代码起作用了。检查一下。