如何从jQuery周围的Checkbox中删除ui-check类

Question

让我用代码解释问题。这是我的HTML代码：

<div class="badge" style="color:#ffffff">
     <p>Save Password to Phone?</p>
     <input type="checkbox" id="passwordremember"/>
</div>

但jQuery Mobile框架工作在复选框周围放置一个div，其格式为.ui-checkbox。即：

<div class="ui-checkbox">
   <input type="checkbox" id="passwordremember"/>
</div>

现在说$("#passwordremember").removeClass("ui-checkbox")不会起作用，因为样式放在了div上。我现在的问题是如何从div中删除样式？

Answer 1

你的问题的答案：

$("#passwordremember").closest(".ui-checkbox").removeClass("ui-checkbox");

http://api.jquery.com/closest/

Answer 2

试试这个：

$("#passwordremember").parent().removeClass("ui-checkbox");

上面的代码将检查父节点并删除类ui-checkbox