Question

如何通过javascript编写循环代码并添加＆lt; li>元素来。它将显示我的信息列表。

javascript代码

 function querySuccess1(tx, results){
    $.mobile.showPageLoadingMsg(true);
    var len = results.rows.length;

    if(!len)
    {
        alert("No!!!");
        $.mobile.hidePageLoadingMsg();
    }else
    {
            for (var i=0; i<len; i++){
             document.getElementById("l1").innerHTML=results.rows.item(i).coompany;
      document.getElementById("s1").innerHTML=results.rows.item(i).fee ;

    }

        $.mobile.hidePageLoadingMsg();   
    }

}

HTML代码

<div data-role="collapsible" data-theme="g" data-content-theme="a" data-inset="true" data-collapsed="false" >
        <h3><div id="r1"></div></h3>

    <ul data-role="listview" >
     <li style="padding-bottom:17px">   
     <span  id="l1"></span>
     <p class="ui-li-aside">
     <strong>
     <span  id="s1"></span>
     </strong>
     </p>
     </li>
    </ul>

    </div>

非常感谢

Answer 1

考虑到你正在使用jquery，你可以使用每个函数......例如：

<强> HTML

<ul>
  <li>Hi</li>
  <li>Bye</li>
</ul>

使用JQUERY的JavaScript

$( "ul li" ).each( function() {

  alert( "This LI contains the text: " + $( this ).text() );

  if ( $( this ).text() == "Bye" )
  {
    alert( "I found you" );
  }

} );

请参阅：http://api.jquery.com/jQuery.each/

Answer 2

只需使用$.each功能。

$('ul').children('li').each( function(){
  ... do stuff here
});

这将搜索DOM中的所有ul。我建议你给特定的UL一个类或id来限制客户端的工作量。

通过javascript在UL中循环LI元素

2 个答案: