检查条件后通过$ query中的$ .each函数显示数组值

时间:2018-12-04 11:28:53

标签: javascript jquery json

我对如何在条件中定义--- output: pdf_document: latex_engine: xelatex fig_caption: yes number_sections: true params: abs_kontr: NA mainfont: Calibri fontsize: 12pt header-includes: - \usepackage{fancyhdr} - \pagestyle{fancy} - \fancyhead[]{} - \fancyfoot[LO,LE]{`r format(Sys.time(), "%B %Y")`} - \renewcommand{\footrulewidth}{0.4pt} - \renewcommand{\headrulewidth}{0pt} - \usepackage{sectsty} - \setsansfont[Ligatures=TeX]{Arial Narrow} - \sectionfont{\sffamily\Huge} - \subsectionfont{\sffamily\huge} - \subsectionfont{\sffamily\LARGE} --- \thispagestyle{empty} \linespread{1} \begin{flushright} ```{r echo=FALSE, out.width="100%", fig.align='right'} knitr::include_graphics("www/logo.jpg") ``` 函数感到困惑。我在表中显示赛车详细信息。但是我已经根据条件定义了表值。我在$.each中获得了赛车手的详细信息,我的示例代码是..

json
$(document).ready(function() {
  // Fetch the initial table
  refreshTable();
  // Fetch every 5 seconds
  setInterval(refreshTable, 7000);
});

function refreshTable() {
  $.getJSON('json/racer.json', function(data) {
    var Racer_Data = '';
    $.each(data, function(key, value) {
      Racer_Data += '<tr id="rowVehicleStatus" class="">';
      Racer_Data += '<td><img src="images/empty.png" alt="empty" class="" /></td>';
      Racer_Data += '<td>' + value.rank + '</td>';
      Racer_Data += '<td>#' + value.number + '</td>';
      Racer_Data += '<td>' + value.rider + '</td>';
      Racer_Data += '</tr>';
    });
    $('#racerDetails').html(Racer_Data);

    var id = data.length;
    console.log('length of data : ' + id);

  });
}

在此代码中,我会延迟显示表中的数据。但是,如果我想一一更改json中的圈数4,它将显示带有某些背景颜色的表格行几秒钟,几秒钟后,它将显示原始背景颜色。他们更改所有赛车手的圈速值,然后更改圈速值3并连续更改,它将连续执行。带有自动刷新表的过程怎么可能。

1 个答案:

答案 0 :(得分:0)

您可以使用filtergrep实用程序来过滤接收到的json数据。

var filteredData = $.grep(data, function (eachObj) {
     //return filtered data
});

然后使用$ .each

$.each(filteredData , function(key, value) {
         ///..........
});