如果在div之后退出并放入主div，请删除div [英] Remove div if exits after div and put inside the main div

问题描述

 < div class =error> 
< input type =textname =email> 
< div class =error-message>请输入电子邮件地址< / div> 
< / div> 
< div class =i-icon-div> Lorem Ipsum< / div> 
  

我想在div class error后检查div类是否具有class i-icon-div // my remove （$（$（$（$（$（$（$（$（$（$）$ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $） .error）.nextAll（。i-icon-div：first）。length> 0）{
alert（div exits）;
// $（this）.nextAll（。i-icon-div：first）。remove（）;不工作
}

之后我需要这样的输出

 < div class =error> 
< input type =textname =email> 
< div class =error-message>请输入电子邮件地址< / div> 
< div class =i-icon-div> Lorem Ipsum< / div> 
< / div> 
  

解决方案

我认为您可以使用 next adjuscent兄弟选择器

  var $ error = $（'。error'）; 
 $（'。error + .i-icon-div'）。appendTo（$ error）
  

演示：小提琴

<div class="error">
<input type="text" name="email">
<div class="error-message">Please Enter Email</div>
</div>
<div class="i-icon-div">Lorem Ipsum</div>

I want to check div who has class i-icon-div after div class error // my remove and wrap code not woring

jQuery Code

if($(".error" ).nextAll(".i-icon-div:first").length > 0){
      alert("div exits");
      // $(this).nextAll(".i-icon-div:first").remove(); not working
     }

after then i need output like that

<div class="error">
    <input type="text" name="email">
    <div class="error-message">Please Enter Email</div>
    <div class="i-icon-div">Lorem Ipsum</div>
</div>

解决方案

I think you can use the next adjuscent sibling selector

var $error = $('.error');
$('.error + .i-icon-div').appendTo($error)

Demo: Fiddle

这篇关于如果在div之后退出并放入主div，请删除div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！