通過javascript在UL中循環LI元素

-4

如何通過javascript循環編碼，並添加< li>元素。它將顯示我的信息列表。通過javascript在UL中循環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>

非常感謝你

來源

2013-11-21 user3010213

你想讓我們爲你解決什麼問題？順便說一句，任何被稱爲「我有JavaScript代碼並且我想要你解決我的問題」的'問題'（不管有沒有'please'字樣），我希望看到我們徵詢諮詢費的請求。 –

「我想讓你解決我的問題」永遠不會被任何人說出來，除非你和耶穌說話。 – m59

@ T.J.Crowder我想，但我試圖幫助OP不冒犯所有人:) – m59

只需使用$.each功能。

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

這將通過所有的ul在DOM搜索。我建議你給具體的UL一個類或ID來限制客戶端的努力。使用jQuery

HTML

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

的JavaScript

$("ul li").each(function() { alert("This LI contains the text: " + $(this).text()); if ($(this).text() == "Bye") { alert("I found you"); } });

看到：

來源

2013-11-21 15:44:57 Sablefoste

考慮你使用jQuery，您可以使用每個功能...例如：http://api.jquery.com/jQuery.each/

來源

2013-11-21 15:46:41 Jimmyt1988

通過javascript在UL中循環LI元素

回答

相關問題