从json文件中读取ip地址并将其作为标记放在div中

Question

我需要从json文件中读取IP地址，并将其放置为div标签＆＃39; data-ip＆＃39;。 这是代码：

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

如果在JSON文件中没有要读取的数据，那么data-ip =＆＃34;＆＃34;将显示为空，并且可以输入有效的IP地址。

Answer 1

假设您的json为{"ip":"172.10.0.1"}，如下所示，您可以将其值data.ip访问，并使用jQuery .attr() <将此值附加到div#myd / strong>

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>