jQuery Mobile如何将文本设置为多个输入值

Question

jQM代码

for(var key in sessionStorage)
{
    var item = sessionStorage.getItem(key);
    var viewItem = $.parseJSON(item);
    var titleR = viewItem.title;
    $(".showTitleR").val(titleR);
}

HTML代码

<div role="main" class="ui-content">
    <div>
         <input class="showTitleR" type="text" value="one and last value" />
    </div>
</div>

问题是我只能设置一个值和最后一个值。 我想要的是这样的所有键的列表：

<div role="main" class="ui-content">
    <div>
         <input class="showTitleR" type="text" value="first" />
         <input class="showTitleR" type="text" value="..." />
         <input class="showTitleR" type="text" value="last" />
    </div>
</div>

我该如何解决？ 任何帮助将不胜感激。

Answer 1

从我所看到的以及我是否正确理解您要做什么的角度出发，您正在更改同一HTML元素的值。 您可以创建新的HTML元素或克隆当前元素，然后更改其值。

var item = $(".showTitleR");

item.clone().append(item.parent());

Answer 2

尝试这个：

for(var key in sessionStorage){
    var item = sessionStorage.getItem(key);
    var viewItem = $.parseJSON(item);
    var titleR = viewItem.title;
    $(".showTitleR:eq(0)").clone().val(titleR).insertAfter($(".showTitleR:last");
}