删除jQuery中select下的按钮

时间:2017-09-01 11:32:21

标签: javascript jquery jquery-ui

您好我正在研究jQuery。我正在使用mutltiselect

<select id="city" class="multiselect">
  <button class = "....">
  </button>
</select>

select下的按钮是动态创建的,它没有id。现在我想删除该按钮。

我试过这个

$("#city.button").remove();
$("#city button").remove();

两者都不起作用。任何人都可以建议我如何删除这个动态创建的按钮。提前谢谢。

1 个答案:

答案 0 :(得分:0)

如果在加载页面的时间内<button><select>,则浏览器只会将其删除。但是,如果您动态添加<button>,则代码$("#city button").remove();可以正常运行:

&#13;
&#13;
 //lets say this code adds the button dynamically
 $("select#city").append('<button>sss</button>');
 //this works then 
 $("#city button").remove();
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="city" class="multiselect">
  <button class = "....">
  </button>
</select>
&#13;
&#13;
&#13;