入力値を含むdivの内容を取得

Question

私はregexp経由でいくつかの特定の文字を入力に置き換えています。

本部のようになります。

1）<div>Text text text text <input> text text <input> text</div>

2）<div>text Text <input> text <input> text text Text</div>

は、私の場合のid '身体' とDIV（）からの入力値を含めた全体のテキストを取得することが可能です？

のjQueryコード：

var body = data.body.replace(/\.\.\./g, "<input class='bodyy' type='text' size='2' />"); 
$("#body").html(body); 

フィドル：https://jsfiddle.net/uepf87fc/

Answer 1

は、ここでの例です：

function getTextWithInputValues(id) { 
    var element = document.getElementById(id); 
    if (!element) { 
     return null; 
    } 

    var elementText = element.innerHTML; // Get the entire text from your element 

    var elementInputs = element.getElementsByTagName('input'); // fetch all inputs from your element 

    // replace all input fields with their respective values 
    Object.getOwnPropertyNames(elementInputs).forEach(
     (input) => { 
      var inputText = elementInputs[input].outerHTML; 
      if (elementText.search(inputText) > 0) { 
       elementText = elementText.replace(inputText, elementInputs[input].value); 
      } 
     } 
    ); 

    return elementText; 

} 

あなたが検索で何かを入力した後、このコードを貼り付け、コンソールを開いて、右ここでそれをテストすることができますページの上部にあるボックス（だけで何かを入力し、検索をクリックしないでください）、あなたはコンソールで関数を呼び出すときにgetTextWithInputValues('search')ようにそれが出力何か

<svg ......</svg> 
your-text-here 
<button .....</button> 

ように願っますこれは役に立ちます。

Answer 2

あなたがREGEXを求めたにもかかわらず、私はそれが必要な任意の手段によってであるとは考えていません。

これは配列内のデータを返します。最初のインデックスは本文テキストで、その後は各入力フィールド値です。あなたが機能して、それを自分で解析することができます

var values = []; 
values.push($('#body').text()); 

var inputs = $('#body input'); 

for(var i = 0; i < $(inputs).length; i++) 
{ 
    var currentElement = $(inputs)[i]; 
    values.push($(currentElement).val()); 
} 


console.log(values);