HTMLペーストクリップから値を取得してフォームの入力値を更新するオブジェクトをループする

Question

ローカルシステムで予約フォームを完成させるために、サードパーティのWebサイトから予約の詳細を解析しようとしています。

私はサードパーティのサイトから予約の詳細をコピーし、テキストエリアに貼り付け、クライアント側のスクリプトを作成して関連するデータを取り出し、フォームに入力する予定です。

私はここでバイオリンを持っている：http://jsfiddle.net/eh8eq9e4/5/

だから私はJSでこの行でトラブルを抱えています：

$.each(bookingComTargets, function(key, target) { 
    $("." + target).val(text("#" + jey).html()); 
}); 

そのdiv要素になりました貼り付けたデータから値を（引くことになってid "out"）、それに応じて入力値を更新します。

いくつかの落とし穴：貼り付けたHTMLのみのクラスを提供しています

私は必要なデータを得ることができるよう、多くの場合、これは大丈夫ですが、倍数があるので、私はアドレス線を介して再びループにする必要があります。フィドルでJSセクションで

あなたはペーストクリップ

の例に任意の提案をコメントでしょうか？

Answer 1

Updated fiddle。

あなたはそれがkeyあるべき最初のjeyは未定義で、投稿のコードに2つのタイプミスをしました：

("#" + jey).html() 
_______^ 

は次のようになります。

("#" + key).html() 

2つ目は、あなたが$でtextを交換する必要があります。

text("#" + key).html() 
^^^^ 

は次のようになります。

$("#" + key).html() 

全コード：

$.each(bookingComTargets, function(key, target) { 
    $("." + target).val($("#" + key).html()); 
}); 

は、この情報がお役に立てば幸いです。タイプミスをスポッティングため

var bookingComTargets = { 
 
    name: "reservation-guest-name", 
 
    email: "js-guest-email", 
 
    address: "info-booking-address", 
 
    telephone: "info-booking-phone" 
 
}; 
 

 
$("textarea").on("input propertychange", function() { 
 
    $("#out").html($("textarea").val()); 
 

 
    $.each(bookingComTargets, function(key, target) { 
 
    $("." + target).val($("#" + key).html()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div> 
 
    <input name="telephone" id="telephone" placeholder="tel" /> 
 
    <input name="email" id="email" placeholder="email" /> 
 
</div> 
 
<div> 
 
    <textarea rows="4" cols="50"></textarea> 
 
</div> 
 
<div id="out"></div>