希望用JSON更新一些HTML,并且不想要一个完整的模板引擎,比如工具栏等等。我想我只需要分配一个数据值并进行迭代,但是我收到了错误。参考https://api.jqueryui.com/data-selector/,然而,可能不适用于jQuery 3?如何选择具有数据属性的元素?
旁注。虽然不是我的问题,但我的最终目标是用一个包含与下面列出的数据属性值相等的名称/值的对象更新HTML。如果有更好的方法,请评论。谢谢
<table class='table' id="default-template">
<tr><td>Server IP</td><td data-name="server"></td></tr>
<tr><td>Server Port</td><td data-name="port"></td></tr>
<tr><td>Reconnect Timeout (seconds)</td><td data-name="reconnectTimeout"></td></tr>
<tr><td>Response Timeout (seconds)</td><td data-name="responseTimeout"></td></tr>
<tr><td>Verbose Log</td><td data-name="verboseLog"></td></tr>
<tr><td>Device Static IP</td><td data-name="ip_address"></td></tr>
<tr><td>Router IP</td><td data-name="router_ip"></td></tr>
<tr><td>Domain Name Server IP</td><td data-name="domain_name_server_ip"></td></tr>
</table>
$('#default-template').find('td:data(name)').each(function(i){
console.log(i,this);
});
display.js:20 {ip_address:"10.120.11.30/24",router_ip:"10.120.11.1",domain_name_server_ip:"10.120.11.1",服务器:"12.34.56.78",端口:"1337",…} JQuery3.2.1.js:1580未明错误:语法错误,未识别表达式:不支持的伪:数据 在Function.Sizzle.error (jquery-3.2.1.js:1580) 在伪(jquery-3.2.1.js:1927) 在matcherFromTokens (jquery-3.2.1.js:2476) 在Sizzle.compile (jquery-3.2.1.js:2630) 在Sizzle.select (jquery-3.2.1.js:2716) 在Function.Sizzle as find 在jQuery.fn.init.find (jQuery3.2.1.js:2922) 在Object.success (display.js:21) 着火(jQuery3.2.1.js:3317) 在Object.fireWith as resolveWith Sizzle.error @jQuery3.2.1.js:1580 伪@ jquery-3.2.1.js:1927 matcherFromTokens @ jquery-3.2.1.js:2476 Sizzle.compile @ jquery-3.2.1.js:2630 Sizzle.select @ jquery-3.2.1.js:2716 Sizzle @ jquery-3.2.1.js:884 @ jquery-3.2.1.js:2922 成功@ display.js:21 fire @ jquery-3.2.1.js:3317 fireWith @jQuery3.2.1.js:3447 done @ jquery-3.2.1.js:9272 (匿名)@ jquery-3.2.1.js:9514 XMLHttpRequest.send (异步) 发送@ jquery-3.2.1.js:9566 ajax @ jquery-3.2.1.js:9173 (匿名)@ display.js:16 调度@ jquery-3.2.1.js:5206 elemData.handle @jQuery3.2.1.js:5014
发布于 2017-12-06 06:05:11
只需将其改为:
$('#default-template td[data-name]').each(function(i){
console.log(i,this);
});
这就是我们所需要的。
https://stackoverflow.com/questions/47676180
复制相似问题