javascript - 从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 文件中没有要读取的数据，则 data-ip=""将显示为空，可以输入有效的 ip 地址。

Answer 1

假设您的 json 如下所示 {"ip":"172.10.0.1"} ，您可以将其值作为 data.ip 访问并附加该值使用 jQuery 到 div#myd .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>