如何在Jquery中选择此选项?

如何在Jquery中选择此选项?,jquery,html,css,Jquery,Html,Css,我有这样一个结构: <div> <h3>Hello World</h3> <p>Hello</p> <ul> <li>1</li> <li>2</li> </ul> </div> jquery的同级: $('h3').on('click', function(){ $(this).siblings('ul').sli

我有这样一个结构:

<div>
 <h3>Hello World</h3>
 <p>Hello</p>
 <ul>
   <li>1</li>
   <li>2</li>
 </ul>
</div>
jquery的同级:

   $('h3').on('click', function(){
     $(this).siblings('ul').slideDown();
    });

如果ul和li是动态元素,则必须在上使用

试试这个。。。虽然我根据您可能的要求通过选择器添加了警报,但我无法将其设置为动画

$(文档).ready(函数(){
$('body div')。每个(函数(){
H3div=$(本);
$('h3',H3div).on('click',function(){
var demo_alert=$('ul',H3div).text();
警报(演示警报);
});
});
});

你好,世界
你好

  • 一,
  • 二,

您可以使用和的组合来针对有问题的ul

$('h3').on('click', function() {
   $(this).nextAll('ul').first().slideDown();
});
ul
这里是
h3
元素的兄弟,因为它们处于相同的层次结构级别

    $('h3').click(
        function(event)
       { 
            $(event.target).parent().find('ul li').slideDown();
       }
    );
$('h3').on('click', function() {
   $(this).nextAll('ul').first().slideDown();
});