Javascript jQuery Mobile-可折叠标题中的额外图标

我想在jquerymobile中，除了左侧的默认图标之外，在可折叠标题的右侧添加一个额外的图标。诸如此类：

马德里左边是默认图标，右边是明星图标和数字，就像评级一样。有人知道怎么做吗

<div class="ui-collapsible-set">
    <div data-role="collapsible" data-collapsed-icon="carat-d" data-expanded-icon="carat-u">
        <h3>Madrid encantado<i class="fa fa-star-half-o" aria-hidden="true"></i></h3>
    </div>
</div>

马德里安坎塔多酒店

---

这是构成标头的代码部分。h3中的文本定义了标题的标题和内容，但试图将图标放在标题中是行不通的。

如果我理解你的问题，这就是你想要的

马德里安坎塔多酒店

你能分享你已经拥有的吗？我编辑了这个问题并添加了它，基本上你想在马德里（左边）之前添加一个图标吗？这张照片是一个模型。默认情况下，左侧已经有一个图标，指示选项卡是打开还是关闭。我想在右边添加收视率图标。是的，就是它，它现在正在工作，我不知道以前发生了什么