jquery - 定位 jquery ui 按钮

Question

我正在尝试将 jquery mobile ui 按钮类更改为加号。下面是我用过的。

尝试使用的新代码:

$('[id*=new] span.ui-btn-inner').removeClass('ui-btn-inner').addClass('ui-icon-plus');

下面是当前代码--

<td align="left">

<a href="javascript:submitAction_win0(document.win0,'$IF$new$0$$0');" tabindex="51" id="$IF$new$0$$0" name="$IF$new$0$$0" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-up-c" style="padding-top: 8px; padding-bottom: 8px;" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c"><span class="ui-btn-inner">
<span class="ui-btn-text">Add</span></span></a>
</td>

Answer 1

您可以将 ui-btn-icon-notext 类添加到按钮以使其隐藏文本，然后向 ui-btn-inner 添加另一个范围图标:

    $("[id*=new]").addClass("ui-btn-inline ui-btn-icon-notext");
    $("[id*=new]").find(".ui-btn-inner").append('<span class="ui-icon ui-icon-plus ui-icon-shadow"&nbsp;></span>');

DEMO

单击演示中的“更改为图标”按钮即可查看其变化。