Jquery 在 json 提要上查找替换文本

Question

我有以下 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>

Answer 1

// 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);

});