主页 / 问题 / 1092772
Accepted
junior
Asked:2020-03-10 07:12:53 +0000 UTC2020-03-10 07:12:53 +0000 UTC

如何获取相邻父级 jQuery 的元素？

  • 772

你需要让“父母”类知道任何 LI

<div id="accordion">
      <h3 class="parent">{{$category->title}}</h3>
        <div>
             <ul>
                <li><a href="{{url($langSlug .'/products/category/' .$category->slug)}}" class="triangle {{$category->slug}}">All Products {{$category->title}} <span>({{$category->products->count()}})</span></a></li>
                  
                 @foreach($category->children as $category_child)
                    <li>
                        <a href="{{url($langSlug .'/products/category/' .$category_child->slug)}}" class="triangle {{$category_child->slug}}">{{$category_child->title}} <span>({{$category_child->products->count()}})</span></a>
                    </li>

                 @endforeach
                 
                 
             </ul>
        </div>                          
</div>

jquery

1 个回答

  1. Best Answer

    $("#accordion li").click(function(e){
  var category = $(this).closest("div").prev("h3.parent").text();
  console.log(category);
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="accordion">
  <h3 class="parent">Category 1</h3>
  <div>
    <ul>
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
    </ul>
  </div>
  <h3 class="parent">Category 2</h3>
  <div>
    <ul>
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
    </ul>
  </div>
</div>

    • 0

相关问题