通过javascript循环UL中的LI元素

Looping LI elements in UL by javascript

本文关键字：LI 元素 中的 UL javascript 循环 通过      更新时间：2023-09-26

如何通过javascript编写循环代码并添加<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>

非常感谢

考虑到您使用的是jquery，您可以使用each函数。。。例如：

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/

只需使用$.each函数。

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

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

相关文章：