根据返回数据的第一个字母插入数据

时间:2011-08-24 13:44:32

标签: jquery xml append

我正在使用xml文件将数据导入jqm。我将名字和姓氏附加到列表视图中。 (我正在使用iscroll git hub的a-z索引联系人列表的Datazombies示例)。如何指定附加位置,即,如果姓氏是Adams(或以字母A开头的任何内容),Adams将附加在ID为A的listdivider下。

很抱歉我认为我包含了代码

                           $.ajax({
    type: "GET",
    url: "Contacts.xml",
    dataType: "xml",
    success: ContactsXml,
    });
       function ContactXml (lxml) {
   $(lxml).find("COMBINED").each(function() {   
     $("#A").append('<li id="item"><a href="#ldetails">'
  + $(this).find("FIRSTNAME").text() + ' '
 + $(this).find("LASTNAME").text() + '</a></li>');
 })} 
 </script>




  <div id="header" data-role="header" data-backbtn="true">
 <a href="#page" data-role="button" data-icon="arrow-l">BACK</a><h1>CONEX</h1></div>
 <div>
      <!-- //left scroll-->

    

  • A
  •     
  •     
  • C
  •     
  • d
  •     
  • 电子
  •     
  • ˚F
  •          
  • ħ
  •     
  • I
  •     
  • Ĵ
  •     
  • ķ
  •     
  •     
  • 中号
  •     
  • Ñ
  •     
  • 0
  •     
  • P
  •     
  • Q
  •     
  • - [R
  •     
  • 取值
  •      <div id="wrapper" style="overflow-x: hidden; overflow-y: hidden; ">
        <div id="scroller" style="-webkit-transition-property: -webkit-transform; -webkit-transition-
    <ul id="thelist">
      <li class="heading" id="A"><span>A</span></li>
                <li id="item"></li>
      <li class="heading" id="B"><span>B</span></li>
      <li class="heading" id="C">C</li>
      <li class="heading" id="D">D</li>
      <li class="heading" id="E">E</li>
      <li class="heading" id="F">F</li>
    
             </div>
    

    1 个答案:

    答案 0 :(得分:0)

    你的问题完全没有任何样本标记或脚本,所以这是一个通用的方法:

    JS:

    var lastname = "Adams";
    var $item = jQuery('<span />').text(lastname);
    $('#directory').find('div.' + lastname.toLowerCase()[0]).append($item);
    

    HTML:

    <div id="directory">
        <div class="a">
        </div>
    </div>