javascript로 UL의 LI 요소 반복하기

-4

자바 스크립트로 루핑 코드를 작성하고 < li> 요소를 추가하는 방법. 내 정보 목록을 보여줍니다.javascript로 UL의 LI 요소 반복하기

<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>

가 대단히 감사합니다 자바 스크립트 코드

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 코드

출처

2013-11-21 user3010213

그리고 어떤 문제 (들), 정확하게 * 우리가 당신을 위해 해결하기를 원했습니까? 덧붙여 말하자면, "JavaScript 코드가있어서 내 문제를 해결하고 싶다"("please"라는 단어가 있든 없든)라는 질문이 나오면 컨설팅 비용을 요청할 것으로 예상됩니다. –

"당신이 내 문제를 해결하고 싶습니다."라고 말하면, 누군가와 아무에게도 말하지 말아야한다. – m59

@ T.J.Crowder 나는 생각했다. 그러나 나는 모두를 불쾌하게하지 않기 위해 OP를 도우려고 노력하고 있었다 :) – m59

는 그냥 $.each 기능을 사용합니다.

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

DOM 내의 모든 ul을 검색합니다. 클라이언트 측의 노력을 제한하기 위해 특정 UL에 클래스 또는 ID를 제공하는 것이 좋습니다.

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

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

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

});

볼 JQUERY를 사용

HTML

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

자바 스크립트 :

출처

2013-11-21 15:44:57 Sablefoste

당신이 jQuery를 사용하고 고려, 당신은 예를 들어 ... 각 기능을 사용할 수 있습니다 : http://api.jquery.com/jQuery.each/

출처

2013-11-21 15:46:41 Jimmyt1988

javascript로 UL의 LI 요소 반복하기

답변

관련 문제