jquery - 有没有办法在 JQM 图标中添加数字

Question

我正在尝试用表单页面的 JQM 中的数字替换箭头-l 图标。

这是小提琴 UPDATED FIDDLE

正如您在小提琴中看到的那样，我正在使用arrow-l图标我想做的是如何将这些图标更改为 1-----2------3----4 之类的数字。

提前致谢

Answer 1

工作示例：http: //jsfiddle.net/Gajotres/B33K9/

只是发现自己更好看的图标

HTML：

<div class="ui-block-a"><a class=" center1 ui-shadow ui-btn ui-corner-all ui-btn-icon-notext ui-btn-inline ui-icon-one">Button</a><div class="line" style="margin-left:62%"></div>

</div>

<div class="ui-block-b"><a class=" center1 ui-shadow ui-btn ui-corner-all ui-btn-icon-notext ui-btn-inline ui-icon-two">Button</a><div class="line" style="margin-right:62%"></div><div class="line" style="margin-left:62%"></div>
</div>
<div class="ui-block-c"><a class="center1 ui-shadow ui-btn ui-corner-all ui-btn-icon-notext ui-btn-inline ui-icon-three">Button</a><div class="line" style="margin-right:62%; top:-21px"></div>
    <div class="line" style="margin-left:62%"></div>
</div>
<div class="ui-block-d"><a class="center1 ui-shadow ui-btn ui-corner-all ui-btn-icon-notext ui-btn-inline ui-icon-four" data-icon="four">Button</a><div class="line" style="margin-right:62%;top:-21px"></div>

CSS：

.ui-icon-one:after {
    background-image: url('http://secondavenuesagas.com/images/bullets/1.gif');
}

.ui-icon-two:after {
    background-image: url('http://secondavenuesagas.com/images/bullets/2.gif');
}

.ui-icon-three:after {
    background-image: url('http://secondavenuesagas.com/images/bullets/3.gif');
}

.ui-icon-four:after {
    background-image: url('http://secondavenuesagas.com/images/bullets/4.gif');
}