jQueryMobile删除输入字段

Question

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

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

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

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

Answer 1

要使用Text-input删除.closest();字段，因为jQuery Mobile添加了父DIV，并且无法ID。

  

Demo

---

$('.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();