我有以下 json 提要,我按如下方式循环以应用一些 css 样式:
import({
"Results":{
"cars":[
{
"__":1010,
"_":"<div class=\"clearfix\"><img class=\"feed\" src=\"http://example.com/toyota.jpg\"/>
<p>Some text....</p>
<p><strong>$1000</strong></p>
</div>"
},
{
"__":2020,
"_":"<div class=\"clearfix\"><img class=\"feed\" src=\"http://example.com/nissan.jpg\"/>
<p>Some other text... </p>
<p><strong>$2000</strong></p>
</div>"
},
]
}
});
for (var i = 0; i < data.Results["cars"].length; i++) {
$("#results").append("<p >" + data.Results["cars"][i]["_"] + "</p>");
$(".clearfix").css({float: "left"; width: "120px"; text-align:"center"; padding: "10px 0"});
}
我如何遍历每个元素并使用 jquery 提取图像名称(不包括扩展名)并将第一个 p
标记的文本替换为
将第二个 p
标记替换为与图像名称具有相同值的单选按钮。
<div class="clearfix" style="float:left;width:120px;text-align:center;padding:10px 0">
<img src="http://example.com/toyota.jpg" >
<p>Toyota</p>
<p><input type="radio" value="Toyota" name="cartype"> </p>
</div>
最佳答案
// Iterating for every element in cars array
[].forEach.call(data.Results.cars, function(inst){
// Fetching the value of key _
var _html = inst["_"];
// Fetching the src of image by making string a jquery object
var _src = $(_html).find("img").attr("src");
// Building html
var _h = '<div class="clearfix" style="float:left;width:120px;text-align:center;padding:10px 0">'
+'<img src="'+_src+'" >'
+'<p>'+_scr.split(".")[0]+'</p>'
+'<p><input type="radio" value="'+_scr.split(".")[0]+'" name="cartype"> </p>'
+'</div>';
// Appending html to #results
$("#results").append(_h);
});
关于Jquery 在 json 提要上查找替换文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33825935/