jquery - jQueryMobile 删除输入字段

Question

当使用 jQuery 发生某些事件时，我想删除输入字段：

$('#myInputId').remove();

但是如果我尝试一下，jQueryMobile 自动添加的周围 div 不会被删除。所以用户仍然会看到一个 div，它看起来像一个输入字段，但显然不可用，因为内部输入不再存在。

jQueryMobile 是否提供了在下一次升级出现时保证不会中断的东西？

Answer 1

删除Text-input字段使用.closest();，因为父级DIV是由 jQuery Mobile 添加的，并且不能有ID.

演示

---

$('.selector').closest('div').remove();

删除它的'label

$('.selector').closest('div').prev('label').remove();

jQuery Mobile 以这种方式呈现文本输入。它用 div 包裹它，并将标签放在它之前，没有任何增强。input它通过添加<a>和<span>样式文本框来增强。

<label>Text Input</label>

<div>
 <input type="text" />
  <a href="#">
   <span>
    <span>&nbsp;
    </span>
   </span>
  </a>
</div>

Answer 2

如果 div 是直接父级，请尝试删除其父级..

$('#myInputId').parent().remove()

http://jsfiddle.net/F45Mg/

Answer 3

 $('#myInputId').parent().remove();