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

我想访问内部div并使用Javascript获取其值。 你能帮我吗？我想得到“phone”的值并将其插入“list”中。我不知道如何在所有div中循环并仅获取设置下方的选中div：

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

|175 |詹姆斯
詹姆斯
G1
123456478

我尝试过这一点，但没有成功：

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

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

            recipientNumber.value = "";

    }       
} 

函数AddContactPhoneNo（）
{   
var recipientNumber=document.getElementById（“电话”）；
var opt=“”+recipientNumber.value+“”
如果（recipientNumber.value！=“”）
{
$（'#selectedOptions'）。追加（opt）；
recipientNumber.value=“”；
}       
} 

我想我对我的答案回答得太晚了，但我相信如果你现在就找到了解决方案，那么它会对你有很大帮助。您应该先更改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>

|175 |詹姆斯
詹姆斯
G1
+8801711240984

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);
        }
    });
}

函数AddContactPhoneNo（）
{ 
$（“输入[name='contact_id[]']：选中”）。每个（函数（）{
var opt_value=$（this）.parent（）.parent（）.children（'.mobile\u nmbr_01'）.text（）；
var opt=“”+opt_值+”；
如果（选择值！=“”）
{
$（'#selectedOptions'）。追加（opt）；
}
});
}

---

就这些。非常简单。

如果你有许多这样重复的电话号码

设置计数器值

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

var a = document.getElementById(phoneDiv).innerHTML

counter++;

---

我使用recipientNumber.html（）将手机剪切并在列表中通过：），但我的要求是在所有复选框中循环，如果选中，则复制该特定分区的手机。好的，然后使用

.each（）

，并使用复选框名称，如

checkboxname[]

，感谢Arif的友好回复。你能帮我写一下循环的语法吗：）这对吗：？“$”（'input[type=checkbox]'）。每个（函数（）{if（this.checked）{function AddContactPhoneNo（）{var recipientNumber=$（“#phone”）.text（）；var opt=“+recipientNumber+”；if（recipientNumber！=”）{$（'selectedOptions'）。追加（opt）；}}}}}}请查看我的更新答案。这完全是为你准备的。完成了你的全部工作。请你帮助我如何编写此代码，但在所有复选框中使用循环到循环，并查看哪个复选框被选中并获取电话值。当我调用函数时，我只获取“电话”的值第一个Div，即使没有选中。我想在选中Div复选框时输入“phone”的值，这是怎么回事？那么，你有很多这样的重复电话吗？你怎么能用相同的id将它们命名为“phone”然后？我会编辑我的答案为您添加代码现在在您的html中，您需要将您的电话div命名为phone0、phone1、phone2等。它会起作用：）谢谢您的回答，但是如果选中复选框，我想要的逻辑是获得“phone”？尝试：recipientNumber.InnerHTMLI如果您正在使用，请将其添加到标记中（并删除'div'和'child'，因为人们不太可能浏览关于这些标记的问题）。此外，如果您使用的是jQuery，也可以添加该标记。@AlejandroMartin或您可以尝试使用

recipientNumber.innerText | | recipientNumber.textContent

或

recipientNumber.childNodes[0]

所有这些都是更好的解决方案。而且您的答案没有提供任何解释，只有一行代码。