Question

我有这样的html模板

<div class="myDiv">
   <select name="options[]" class="form-control trololo trololo-lo" multiple>
      <option class="active">1</option>
      <option class="active">2</option>
      <option>3</option>
      <option>4</option>
   </select>
<input type="text" class="form-control trololo trololo-lo" />
<input type="text" class="form-control trololo" />
<select name="options[]" class="form-control trololo trololo-lo" multiple>
   <option class="active">1</option>
   <option>2</option>
</select>

我需要使用jquery来清理具有类trololo-lo的元素，并选择具有类活动的元素

Answer 1

对于您的选择元素，您只需要遍历您的选择元素＆＃39;选项并检查它们是否具有该特定类别。

对于使用类trololo-lo删除元素，只需调用remove()即可完成此任务。在这种情况下，您在两个选择上都有该类，因此它将删除两者。为了向您显示选择的活动部分，我刚刚从顶部选择中取出了该类。

$("select option").each(function() {
  if (this.className == "active") {
    $(this).attr("selected", true);   
  }
});
$('.trololo-lo').remove();

https://jsfiddle.net/szy54ymg/1/

如果您只想重置那些具有指定类的元素，那么您可以执行类似

的操作

$("select option").each(function() {
  if (this.className == "active") {
   $(this).attr("selected", true);   
  }
});
$('.trololo-lo').val("");

https://jsfiddle.net/szy54ymg/2/

当然，您很可能会将其与某种类型的事件处理程序联系起来（例如＆＃34;点击＆＃34;）

查找以“...- find”结尾的类的元素

1 个答案: