javascript - 用类更改第一个子元素的CSS

Question

我正在尝试编写 javascript 代码来更改用户单击元素后第一个 div 的 css 显示属性，该元素具有类 toggle-placement .我的代码使用循环创建一个页面。循环每次都会生成这段代码:

<h3 class="placementName" onclick="showPlacement()" title="<?php echo $placement->getId() ?>"> Placement: <?php echo $placement->getName() ?></h3>
<div class="toggle-placement">

toggle-placement用 display:none 初始化我想在点击 <h3> 后显示每个 div它上面。我怎样才能在标题后立即获取 div 并更改其 css？谢谢

Answer 1

如果你想使用jQuery，@haim770，提供最佳答案:

$('h3.placementName').click(
   function() { 
      $(this).next('.toggle-placement').show(); 
   }
)

但是对于 css，我认为这是不可能的。您必须使用 jquery 来获取您要查找的内容。

希望对你有帮助。