定位 jquery ui 个按钮

Question

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

尝试使用的新代码：

$('[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[=13=]$[=13=]');" tabindex="51" id="$IF$new[=13=]$[=13=]" name="$IF$new[=13=]$[=13=]" 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

您可以将 class 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

单击演示中的“更改为图标”按钮以查看更改。

定位 jquery ui 个按钮

targeting jquery ui buttons

jquery

jquery-ui

jquery-mobile