jQueryMobile删除输入字段

Question

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

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

但是,如果我尝试它,周围的div,由jQueryMobile自动添加,不会被删除.所以用户仍然看到一个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>