Javascript 如果DB-JQuery AJAX中存在数据，则显示警报图标

我有一个表，需要在其中检查数据是否已经存在于数据库中。如果他们这样做，则在其相应行的“操作”列下的垃圾箱图标旁边应显示一个警报图标，并显示有关它们的适当信息

目前，如果正在比较的数据已经存在于数据库中，我可以返回所需的ajax数据。但我不知道如何在各自的行上显示图标

这是我返回的数据：

{"receive_array":[{"id":"77","batch_id":"45","courier_name":"","vendor_name":"","status":"stored","batch_no":"9","courier_tracking_no":"123"},"",{"id":"126","batch_id":"65","courier_name":"QW12","vendor_name":"Amazon","status":"itemized","batch_no":"18","courier_tracking_no":"QW11"}]}

以下是我的Ajax：

$.ajax({
        type: "POST", 
        url: window.base_url+'oss/admin/check_receive_data', 
        data: $.param($('form#receiving-form').serializeArray()),
        dataType : 'JSON',
        success: function (response) {
            //THIS IS WHERE THE  PROCESS SHOULD TAKE PLACE
            $.each(response.receive_array, function(index, val) {
            });  
        },
            error: function (MLHttpRequest, textStatus, errorThrown) {
            console.log("There was an error: " + errorThrown);  
        }
    });

编辑：

HTML:

第一行之外的行是动态创建的

非常感谢您的帮助。谢谢

---

-Eli

需要2个循环，1个循环用于匹配数据，另一个循环是从DB like获得的响应

....
    success: function (response) {
        // Change selectors as per you HTML design
        $('table tr').each(function(index){ 
            var ctno=$(this).find('td:first input').val(); // get courier trancking

            // check if ctno is present in response array or not
            var arr = jQuery.grep(response.receive_array, function( n ) {
               return ( n.courier_tracking_no === ctno);
            });
            if(arr.length){ // if present then show error message
               $('span.exists').show(); // let it be hidden by default
            }
        });

    },
....

---

问题是您不知道如何显示图标，还是您现在不知道如何将json中的值与行中的值匹配？请粘贴htmlhere@Difster我不知道如何在值匹配的同一行上显示图标。@RAUSHANKUMAR查看更新的代码。谢谢假设表的每一行的id都是唯一的，您需要创建一个表id字段数组，然后在json上循环，并在每个循环中查找另一个数组中的匹配项。如果是，则查找添加图标。也许你只需要找到每一行的子元素。或者，也可以为带有垃圾桶图标的单元格提供自己的唯一id，该id与该行的主id相对应。垃圾箱+id之类的。我尝试使用3个数据，只有2个重复，但所有图标仍然显示。我为每个按钮添加了一个ID来专门调用它们，因为调用类意味着调用具有相同类的所有对象。我只是想知道。。。我试图警告数据值，但当我只输入1个数据时，警告显示两次。第一个是未定义的，第二个是实际数据。您可以在tr中找到错误图标，如'ifarr.length{$this.find'span.exists.show；}。同样，在成功回调中，首先隐藏所有存在按钮，以便仅显示现有的一次。如何知道是否完全没有重复数据？可以在两个循环之前创建一个标志变量，如果标志未更改，则表示没有重复

....
    success: function (response) {
        // Change selectors as per you HTML design
        $('table tr').each(function(index){ 
            var ctno=$(this).find('td:first input').val(); // get courier trancking

            // check if ctno is present in response array or not
            var arr = jQuery.grep(response.receive_array, function( n ) {
               return ( n.courier_tracking_no === ctno);
            });
            if(arr.length){ // if present then show error message
               $('span.exists').show(); // let it be hidden by default
            }
        });

    },
....