jQuery: 整理5---删除元素和遍历元素

1. 删除元素

   span{
       color: white;
       padding: 8px;
       margin: 5px;
       float: left;
    }
    .green {
       background-color: green;
    }
    .blue {
       background-color: blue;
    }
   <span class="green">green</span>
   <span class="blue">blue</span>
   <span class="green">333</span>
   <span class="blue">444</span>

1. 使用  remove()   ->  删除元素及其子元素，标签和内容一起删除

   指定元素.remove()

$(".green").remove()

2.  empty()   ->  清空元素内容, 保留标签

 $(".blue").empty()

2. 遍历元素

span{
  color: white;
  padding: 8px;
  margin: 5px;
  float: left;
 }
.green {
  background-color: green;
}
.blue {
  background-color: blue;
}

<h3>遍历元素</h3>
<span class="green">green</span>
<span class="green">blue</span>
<span class="green">333</span>
<span class="green">444</span>

each():

   $(selector).each(function(index,element))

       // 参数function为遍历时的回调函数

        // index为遍历元素的序列号，从0开始

        // element是当前的元素，此时是dom元素

 // 获取指定元素并遍历
 $(".green").each(function(index, element) {
      console.log(index)
      console.log(element)
 })