jsonファイルからipアドレスを読み取り、divにタグとして配置

Question

jsonファイルからIPアドレスを読み取る必要があり、場所はdivタグ 'data-ip'です。ここ はコードです：

<div id="myid" data-ip="127.1.1.0"><input field 1 />.<input field 2 />.<input field 3 />.<input field 4 /></div> 

その後、JSONファイルを読み込むすべきデータのデータ-IP =「」空表示され、もう1つは有効なIPアドレスを入力することができますがない場合。

Answer 1

、以下に示す{"ip":"172.10.0.1"}のようにあなたのJSONを仮定すると、あなたはdata.ipとしてその値にアクセスし、jQueryの.attr()

var ipData = {"ip":"172.10.0.1"}; 
 

 
$('#myid').attr('data-ip', ipData.ip || "");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="myid" data-ip="127.1.1.0"><input field 1 />.<input field 2 />.<input field 3 />.<input field 4 /></div>