美文网首页
用Class选择器找到元素

用Class选择器找到元素

作者: NiceDawn | 来源:发表于2018-06-08 09:38 被阅读0次
<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>)

相关文章

  • 用Class选择器找到元素

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

  • 2018.10.16元素选择器等

    元素选择器 元素名 id 选择器 用# 通过一个元素的id 选中一个唯一的元素 class 类选择器 用. 通过c...

  • CSS选择器

    元素选择器 :h1{} 选择器通配符: *{} 类选择器:.class{} 结合元素选择器:a.class{} ...

  • jQuery学习小记

    基本选择器 $("#id"):id选择器,返回单个元素 $(".class"):class选择器,返回集合元素 $...

  • CSS选择器总结

    基本选择器 * 通用选择器,匹配任何元素 E 标签选择器,匹配所有使用E标签的元素 .class class选择器...

  • css 选择器

    id class element 通用元素选择器 * 后代选择器 空格 多元素选择器 逗号 子选择器 > 紧邻同胞...

  • css选择器

    1.id选择器 选择设置id的元素 2、class选择器 选择有相同class的元素 3.属性选择器 以某个属性作...

  • css的样式优先级

    优先级 !important > 行内样式 > id选择器 > class选择器 > 元素继承的样式 Class选...

  • CSS选择器

    1.class和id的使用场景? class 选择器: class 选择器用于描述一组元素的样式,class 选择...

  • CSS 选择器

    css选择器大致分类 基本选择器:元素选择器,群组选择器, id选择器、class选择器 派生选择器:后代元素选择...

网友评论

      本文标题:用Class选择器找到元素

      本文链接:https://www.haomeiwen.com/subject/noeosftx.html