.text（）刪除所有輸入值

Question

我有一種形式，用戶填寫一組複選標記，當他們單擊按鈕時，輸出是一系列註釋。在這種形式下，我的HTML中的div被設置爲提取出現在電子郵件中的項目列表。有時，用戶需要填寫其中一個項目的空白文本框。但是，當前編寫代碼的方式，我可以獲取頁面上項目的文本，但會刪除文本框中的所有文本。有沒有辦法來包含文本框呢？下面是代碼示例：

HTML

<div> 
    <p> 
     <input type="checkbox" class="DocsNeeded"> This <input class="DocsNeeded" checked="checked" type="text" size="20" /> information is an example of an item with an input field<br><br> 
    </p> 
</div> 
<div> 
    <p> 
     <input type="checkbox" class="DocsNeeded"> This is <input type="text" size="20" /> another example of an item with an input field<br><br> 
    </p>  
</div> 

JavaScript函數

$(".DocsNeeded:checked:visible").each(function() {  
    if ($(this).is(":checked")) { 
     docs += "• " + $(this).parent("p").text().trim() + "\r\n"; 
    } 
}); 

編輯基於以下問題：

本質上輸出文本（就是我希望從這個問題中得到），用戶將複製並粘貼到預格式化的電子郵件中：

人先生

這裏是所有文件的清單，你沒有給我們

•本[用戶輸入這裏]信息項與輸入域的例子

•這是[在此用戶輸入]與輸入字段

Answer 1

.text()設置/獲取「文本」的HTML元素內的物品的另一個例子。它不是輸入類型=「文本」。下面是接近您所獲得的示例。我還包含了一個text（）的示例用法。

此外，jQuery訪問元素的子元素的方式是使用.children()或.find()（更深）。

$(document).ready(function() { 
 
    $('#clickme').click(function() { 
 
    var docs = ''; 
 
    $(".DocsNeeded:checked:visible").each(function() {  
 
     if ($(this).is(":checked")) { 
 
      docs += "• " + 
 
       $(this).parent("p").find('.label-1').text() + ' ' + 
 
       $(this).parent("p").find('input[type=text]').val() + ' ' + 
 
       $(this).parent("p").find('.label-2').text() + "\r\n"; 
 
     } 
 
    }); 
 
    $('#result').text(docs); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <p> 
 
     <input type="checkbox" class="DocsNeeded"> <span class="label-1">This</span> <input class="DocsNeeded" checked="checked" type="text" size="20" /> <span class="label-2">information is an example of an item with an input field</span><br><br> 
 
    </p> 
 
</div> 
 
<div> 
 
    <p> 
 
     <input type="checkbox" class="DocsNeeded"> <span class="label-1">This is</span> <input type="text" size="20" /> <span class="label-2">another example of an item with an input field</span><br><br> 
 
    </p>  
 
</div> 
 

 
<button id="clickme">Click Me </button> 
 
<hr /> 
 
<div id="result" style="white-space:pre"></div> 
 
<hr />