如何在javascript中獲取inner div的值

Question

我想訪問內部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 = "";

    }       
} 

Answer 1

我認為我對我的答復的及時性是遲到的答復，但我敢肯定，即使您現在找到了解決方案，它也會對您有很大幫助。 您應該先更改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);
        }
    });
}

就這樣。 很簡單。

Answer 2

如果您有很多這樣的重復電話div

設置一個計數器值

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

var a = document.getElementById(phoneDiv).innerHTML

counter++;