jQueryMobile 删除输入字段

Question

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

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

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

jQueryMobile 是否提供了保证下次升级时不会损坏的功能？

Answer 1

删除Text-input字段使用 .closest();自 parent DIV由 jQuery Mobile 添加，并且不能有 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>