如何在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();
});