通过javascript在UL中循环LI元素[关闭]答案

【问题标题】：Looping LI elements in UL by javascript [closed]通过javascript在UL中循环LI元素[关闭]
【发布时间】：2013-11-22 00:52:43
【问题描述】：

如何通过javascript编写循环代码并将

元素添加到.它将显示我的信息列表。

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>

非常感谢

【问题讨论】：

您希望我们为您解决什么问题，准确地说？顺便说一句，任何表述为“我有 JavaScript 代码，我希望你解决我的问题”（有或没有“请”这个词）的“问题”，我都希望看到我们的咨询费请求。
“我希望你解决我的问题”永远不应该被任何人对任何人说，除非你是在和耶稣说话。
@T.J.Crowder 我想，但我试图帮助 OP 不要冒犯所有人:)

标签： javascript jquery html

【解决方案1】：

考虑到您使用的是 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/

【讨论】：

【解决方案2】：

只需使用$.each 函数。

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

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

【讨论】：