Question

我有一个下面提供此结果的函数。如何创建另一个函数以仅显示第一个结果而不显示所有结果？

 turn-left
 turn-right
 turn-left

下面的代码显示了我如何得到上面的结果。

function drawTable(data) {
    for (var i = 0; i < data.routes[0].legs[0].steps.length; i++) {
        drawRow(data.routes[0].legs[0].steps[i]);
    }
}

function drawRow(steps) {
    var row = $("<tr />")
    $("#personDataTable").append(row);  
    row.append($("<td>" + steps.maneuver + "</td>"));
    console.log('Added Table');     
}

我创建了另一个函数，该函数将获取上面的所有结果并将其放置在html中。但是，我只想获得第一个结果，而不是所有结果。

function getArrows() {
    $('#personDataTable td').each(function(idx, element) { 
        var text = $(element).text();
        $('#Arrows').append(text + ' , ');
        console.log('gotArrows');
    });
}

我想要第一个函数的所有结果，但是第二个函数，我只想要第一个函数的第一个结果。

Answer 1

要获得第一个 tr 的第一个 td ，您根本不需要使用循环。只需使用:first之类的$('#personDataTable tr:first td:first')选择器即可。

function getArrows() {
  var text = $('#personDataTable tr:first td:first').text();
  console.log(text);
  $('#Arrows').append(text + ' , ');
  console.log('gotArrows');
} 
getArrows()

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="personDataTable">
  <tr><td>Fisrt</td></tr>
  <tr><td>Second</td></tr>
  <tr><td>Third</td></tr>
</table>
<div id="Arrows"></div>

仅获取函数的第一个值

1 个答案: