用Class选择器找到元素

<div class=‘list-block accordion-list ’>
    <ul id='div1'></ul>
</div>

$('.list-block.accordion-list')找到这个元素后,可以在里面添加元素。 用:

$('.list-block.accordion-list').find('ul').append(<p>123</p>);

但是如果有不止一个class=‘list-block accordion-list ’的对象,那么不能准确找到想添加的块,这时,用$('.list-block.accordion-list')可以看到下面有不止一个对象。
但是使用$('.list-block.accordion-list')[0].find('ul').append(<p>123</p>)的时候,会报找不到find()方法的错误。

原来,$('.list-block.accordion-list')[0]会把JQ转化成JS,那么JS就不能使用find方法。

那我们可以这样子做

1.加上eq(0)

$('.list-block.accordion-list').eq(0).find('ul').append(<p>123</p>);

2.可以给ul加个ID,然后去找到这个ID。

$('#div1').append(<p>123</p>);

3.再加一层JQ转回来。

$($('.list-block.accordion-list')[0]).find('ul').append(<p>123</p>)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容