Question

<div id="radiodiv1">
         <ul id="span1" data-role="listview">
         <li>value1</li>
         <li>value2</label></li>
         </ul>
  </div>
  <br>
  <table style="border:none;">
  <tr>
  <td>
    <input type="text" id="item" />
 </td>
 <td>
    <input type="button" value="Add params to list" onclick="appendToList()"/>
    </td>
</tr>
        </table>

脚本

$(document).on("click", "#bizParams", function(e) {
    $("#span1").find("li").each(function(){
       var product = $(this);
       // rest of code.
       console.log(product);
});
});

点击按钮后，我的日志为

Object[li.ui-li-static.ui-body-inherit.ui-first-child]
Object[li.ui-li-static.ui-body-inherit.ui-last-child]

我必须得到值为value1和value2

有人可以说这里出了什么问题

Answer 1

使用

console.log(product.text());

（这是普通的jilla jQuery）

Answer 2

您希望获取text()属性，而不是整个对象，请更改此内容：

console.log(product);

到此：

console.log(product.text());

Answer 3

问题在于这一行

var product = $(this);

你必须提取文字

var product = $(this).text();

Answer 4

$("#myid li").click(function() {
    alert(this.id); // id of clicked li by directly accessing DOMElement property
    alert($(this).attr('id')); // jQuery's .attr() method, same but more verbose
    alert($(this).html()); // gets innerHTML of clicked li
    alert($(this).text()); // gets text contents of clicked li
});

jquery get the id/value of LI after click function

Answer 5

你应该使用：

        $(document).on("click", "#bizParams", function(e) {
    $("#span1").find("li").each(function(){
       var product = $(this);
       // rest of code.
       console.log(product.text());
});
});

在此之前

bur将id="bizParams"添加到您的按钮。

 <input type="button" id="bizParams"value="Add params to list" />

如何在jquery mobile中使用js获取li的值

5 个答案: