如何在javascript中获取内部div的值

时间:2011-12-26 12:50:42

标签: javascript jquery html

我想访问内部div并使用Javascript获取它的值。 你能不能帮助我,我想获得“电话”的价值并将其插入“列表”。我不知道如何在所有DIVS中循环,只得到我的设置下面的已检查的那个:

<div class="headings_01">
<div class="checkbox_01"><input name="contact_id" id="selectedcontacts" type="checkbox" value="175" style="margin-top:0px;" /></div>
<div class="firstname_01" name="fname">|175|James</div>
<div class="lastname_01" name="lname">James</div>
<div class="group_01">G1</div>
<div class="mobile_nmbr_01" name="phone" id="phone">123456478</div>
</div>

我试过这个并没有成功:

function AddContactPhoneNo()
{   
    var recipientNumber = document.getElementById("phone");
    var opt = "<option value='" + recipientNumber.value + "'>" + recipientNumber.value + "</option>"

    if  (recipientNumber.value != "")
    {
         $('#selectedOptions').append(opt);

            recipientNumber.value = "";

    }       
} 

2 个答案:

答案 0 :(得分:0)

我觉得我迟迟不回应我的答案,但我相信如果你现在找到解决方案,那么它会对你有所帮助。您应首先更改HTML,然后像下面的代码块一样编写jQuery代码。

<强> HTML

<div class="headings_01">
   <div class="checkbox_01">
     <input name="contact_id[]" type="checkbox" value="175" style="margin-top:0px;" />
   </div>
   <div class="firstname_01" name="fname">|175|James</div>
   <div class="lastname_01" name="lname">James</div>
   <div class="group_01">G1</div>
   <div class="mobile_nmbr_01">+8801711240984</div>
</div>

<强>的jQuery

function AddContactPhoneNo()
{ 
    $("input[name='contact_id[]']:checked").each(function(){

        var opt_value = $(this).parent().parent().children('.mobile_nmbr_01').text();
        var opt = "<option value='" + opt_value + "'>" + opt_value + "</option>";

        if  (opt_value != "")
        {
             $('#selectedOptions').append(opt);
        }
    });
}

多数民众赞成。非常简单。

答案 1 :(得分:0)

如果您有许多这样的重复电话div

设置计数器值

var counter = 0;
var phoneDiv = "phone" + counter;

var a = document.getElementById(phoneDiv).innerHTML

counter++;