Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 添加类jqueryappend+;每个_Javascript_Jquery_Json - Fatal编程技术网

Javascript 添加类jqueryappend+;每个

Javascript 添加类jqueryappend+;每个,javascript,jquery,json,Javascript,Jquery,Json,我有一个问题,我有一段时间来获取JSON中的信息,我想在每个元素上添加一个ID,但我的代码不起作用 <style type="text/css"> .test { color:red; } </style> <script> $(document).ready(function(){ $.ajax({ url: 'https://world.openfoodfacts.or

我有一个问题,我有一段时间来获取JSON中的信息,我想在每个元素上添加一个ID,但我的代码不起作用

    <style type="text/css">
      .test
     {
    color:red;
    }

 </style>
 <script>

   $(document).ready(function(){

   $.ajax({


        url: 'https://world.openfoodfacts.org/cgi/search.pl?search_terms=<?php echo $_POST['search']; ?>&search_simple=1&action=process&json=1',
        dataType: 'json',
       success: function(json) {


       var count = 1;

         $.each(json.products, function(i, obj) {

         window["var" + count] = $('<a href="#null">' + obj.generic_name_fr + ' - ' + obj.brands + '</a>'); 
         $("#push").append(window["var" + count]);
         window["var" + count].addClass('test');

        count++;



             });




        }

            }); });



        </script>

        <ul data-role="listview" id="push" style="margin-top:25px;">

               </ul>
附加工作,我所有的结果都是JSON,但是类测试不工作

    <style type="text/css">
      .test
     {
    color:red;
    }

 </style>
 <script>

   $(document).ready(function(){

   $.ajax({


        url: 'https://world.openfoodfacts.org/cgi/search.pl?search_terms=<?php echo $_POST['search']; ?>&search_simple=1&action=process&json=1',
        dataType: 'json',
       success: function(json) {


       var count = 1;

         $.each(json.products, function(i, obj) {

         window["var" + count] = $('<a href="#null">' + obj.generic_name_fr + ' - ' + obj.brands + '</a>'); 
         $("#push").append(window["var" + count]);
         window["var" + count].addClass('test');

        count++;



             });




        }

            }); });



        </script>

        <ul data-role="listview" id="push" style="margin-top:25px;">

               </ul>

.测试
{
颜色:红色;
}
$(文档).ready(函数(){
$.ajax({
网址:'https://world.openfoodfacts.org/cgi/search.pl?search_terms=&search_simple=1&action=process&json=1',
数据类型:“json”,
成功:函数(json){
var计数=1;
$.each(json.products,function(i,obj){
窗口[“变量”+计数]=$('');
$(“#推送”).append(窗口[“var”+count]);
窗口[“var”+计数].addClass('test');
计数++;
});
}
}); });

谢谢:)

我不完全确定您的问题是什么,但请尝试此(更新的解决方案

$(document).ready(函数domrready(){
$.getJSON('https://world.openfoodfacts.org/cgi/search.pl?search_terms=&search_simple=1&action=process&json=1')
.完成(功能成功(响应){
var链接;
links=$(response.products.map(函数toProductLink,产品,索引){
变量id;
id=指数+1;
返回$('')
.text(产品.通用名称\u fr)
.attr('id','productlink-'+id)
.attr('name','recup'),
.数据(“卡路里”、产品、能量);
}));
links.appendTo($('#push');
})
.fail(函数fail(){
控制台错误(参数);
});
});
代码不起作用

对不起,我英语不好

没有我的代码,我解释我的问题,我有JSON返回,我想把每个元素放在一个DIV上

在我的div上,我需要的正是:

 <div id="push">
   // Fist element    <a href="#" name="recup" data-calories='JSON.PRODUCTS.ENERGY'> json.products.generic_name_fr </a>
   // Second element    <a href="#" name="recup" data-calories='JSON.PRODUCTS.ENERGY'> json.products.generic_name_fr </a>
  </div>

//第一要素
//第二要素

就是这样,但在附加json时添加ATTR并不容易,而我却感到困惑。将DOM元素添加到全局变量的目的是什么?如果它们的唯一用途是附加到
#push
元素上?我不知道,这是我找到的唯一解决方案,我只需要将结果JSON附加到div上,格式如下:“。我尝试了几种解决方案来添加”名称“而且我也没有成功,因为你正在硬编码HTML,为什么不把它放到
?这个类只是为了测试,我需要添加attr“name”,但不能添加一个append;)好的,我会给出一个答案你是对的,一个逗号丢失了,嵌入的PHP代码可能也触发了你的感觉。是的,逗号丢失了,单引号终止了字符串。。。导致语法错误。25行代码中有2个语法错误?好吧,PHP代码在这成为问题之前应该已经计算过了。很抱歉,我扣动扳机太快了一点。