如何使用jQuery从html元素中选择电话号码和联系人？

Question

我想从html表单中选择电话号码和联系人姓名，但不能使用我的代码进行选择。我不知道出了什么问题？

<ul class="contact-list">
   <li>
      <div class="phone">0128685665</div>
      (Mike Lau)
   </li>
   <li>
      <div class="phone">0242342354</div>
      (John Son)
   </li>
<li>
      <div class="phone">012343534</div>
      (Sam)
   </li>

</ul>

下面是我的代码

var contact=[];
            $('.contact-list').eq(0).find('li').find('.phone').each(function (i,elem){
                contact.push($(elem).text().replace(/[A-Za-z\s]+/,'').trim());
            });

            for(var i=1;i<contact.length;i++){
                    console.log(contact[i]);
                }

如何选择所有电话号码和联系人姓名？提前感谢

Answer 1

$(".phone").each(function(){

  var name = $(this).parent().clone().children().remove().end().text();
  var phonenumber = $(this).text();

  contact.push({name: name, phoneNumber: phonenumber});  
});

console.log(contact);

Answer 2

为您创建了此fiddle

var contact=[];
$('.contact-list li ').each(function (i,elem){

   contact.push( { 
     phone : $( this ).find('.phone').html(),
     contact : $.trim( $( this ).clone().children().remove().end().text() ),
   } );
});

            for(var i=0;i<contact.length;i++){
                    console.log(contact[i]);
                }

或者只是简单地

$('.contact-list li ').each(function (i,elem){

   contact.push( $.trim( $( this ).clone().children().remove().end().text() );
 });

Answer 3

我认为这对你来说很好。

​

  var contact=[];

            $('.contact-list li').each(function (i,item){              
                contact.push($(item).find(".phone").text().replace(/[A-Za-z\s]+/,'').trim());
            });
            for(var i=1;i<contact.length;i++){
                    alert(contact[i]);
                }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<ul class="contact-list">
   <li>
      <div class="phone">0128685665</div>
      (Mike Lau)
   </li>
   <li>
      <div class="phone">0242342354</div>
      (John Son)
   </li>
<li>
      <div class="phone">012343534</div>
      (Sam)
   </li>

</ul>

​