如何使用jQuery删除某些选择器的包装?

基兰·沙希(Kiran Shahi)

show()jQuery UI上使用动画时.ui-effects-wrapper添加了类。如何删除.ui-effects-wrapper课程?

$('.desc').eq(0).show();
$('.tab-child').hover(function(){
  $('.desc').hide();
  $('.desc').eq($(this).index()).show("shake", 4000);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
<div class="tab">
    <div class="tab-child">One</div>
    <div class="tab-child">Two</div>
    <div class="tab-child">Three</div>
    <div class="tab-child">Four</div>
</div>
<div class="content">
    <div class="desc" style="display: none;"> ONE: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ornare neque at velit fermentum, vulputate tempus
        lorem vulputate. Quisque eu ipsum venenatis, posuere tortor ut, maximus neque. Aenean tempor justo leo. Vestibulum
        auctor, urna ut scelerisque rutrum, sem arcu egestas ipsum, ut maximus magna turpis ut nunc. Nulla rutrum velit
        nisi, ac feugiat est commodo eu. Maecenas eget velit urna. Mauris posuere ex quis dictum commodo. Donec porta
        lobortis turpis, eget iaculis diam tincidunt at.
    </div>
    <div class="desc" style="display: none;"> TWO: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ornare neque at velit fermentum, vulputate tempus
        lorem vulputate. Quisque eu ipsum venenatis, posuere tortor ut, maximus neque. Aenean tempor justo leo. Vestibulum
        auctor, urna ut scelerisque rutrum, sem arcu egestas ipsum, ut maximus magna turpis ut nunc. Nulla rutrum velit
        nisi, ac feugiat est commodo eu. Maecenas eget velit urna. Mauris posuere ex quis dictum commodo. Donec porta
        lobortis turpis, eget iaculis diam tincidunt at.
    </div>
    <div class="desc" style="display: none;"> TREE: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ornare neque at velit fermentum, vulputate tempus
        lorem vulputate. Quisque eu ipsum venenatis, posuere tortor ut, maximus neque. Aenean tempor justo leo. Vestibulum
        auctor, urna ut scelerisque rutrum, sem arcu egestas ipsum, ut maximus magna turpis ut nunc. Nulla rutrum velit
        nisi, ac feugiat est commodo eu. Maecenas eget velit urna. Mauris posuere ex quis dictum commodo. Donec porta
        lobortis turpis, eget iaculis diam tincidunt at.
    </div>
    <div class="desc" style="display: none;"> FOUR: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ornare neque at velit fermentum, vulputate tempus
        lorem vulputate. Quisque eu ipsum venenatis, posuere tortor ut, maximus neque. Aenean tempor justo leo. Vestibulum
        auctor, urna ut scelerisque rutrum, sem arcu egestas ipsum, ut maximus magna turpis ut nunc. Nulla rutrum velit
        nisi, ac feugiat est commodo eu. Maecenas eget velit urna. Mauris posuere ex quis dictum commodo. Donec porta
        lobortis turpis, eget iaculis diam tincidunt at.
    </div>
</div>

基兰·沙希(Kiran Shahi)

找到该包装的子项,然后删除包装。

$(".ui-effects-wrapper").children().unwrap();

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

jquery选择器删除某些元素

如何使用jquery选择器删除tr?

jQuery选择器对象-仅需使用某些对象

如何使用选择器进入某些特定文本?

如何从 jQuery 日期选择器中删除方向

使用“选择器”在jQuery中删除“ .on”点击事件;

如何使用 jQuery 选择叶节点:包含选择器?

如何通过使用类选择器和jQuery库在表的输入元素中调用某些值?

如何在 swiftui 中使用 @Published 属性包装器更改选择器内的值

jQuery选择器,用于包装在div中的元素

如何使用jQuery删除Noscript标签包装器?

除了prev()之外,如何使用多个jquery选择器?

如何使用jQuery获取每个选择器的同级

如何使用jQuery更改CSS选择器值的值?

如何使用jquery选择器查找隐藏元素

如何在on方法jQuery中使用多个选择器?

如何在jQuery选择器中使用JavaScript变量?

如何使用JQuery查找HTML元素的正确选择器

如何正确使用jquery val()匹配CSS选择器

如何使用Jquery遍历选择器的选项

如何在JQuery中使用动态选择器

如何使用附加功能创建类似jQuery的选择器?

如何在 jQuery 中使用 .not 选择器?

如何在表选择器中使用 jQuery 变量

如何使用多个jquery对象变量作为选择器?

如何使用滑块实现Jquery日期时间选择器

jQuery如何使用前缀词搜索选择器文本?

当jQuery选择器保存在变量中时,如果元素删除如何知道如何删除

如何在没有ID选择器的情况下删除元素的类-使用普通JavaScript(无jquery)?