如何将 javascript 数组输出到 table?
how to output javascript array in to a table?
我有一个 javascript 数组,用于记录来自所有 50 个州的呼叫,我编写了该数组,以便在收到来自同一州的新呼叫时,这些值不会重复。问题是它没有连接到我的 table.I 只有位置被输出到我的 table 并且它自己重复。我想在我的数组中输出相同的数据,这样它们就不会重复,但仍然能够使用与该位置关联的数据,我该怎么做?
这是我的代码
var states = [];
channel.bind('call', function(data) {
var location = data.location;
var call_id = data.call_id;
var status = data.status;
if (states.indexOf(location) === -1) {
states.push(location);
}
var output = '<tr class="phonedata"><td>' + location + '</td></tr>';
$('.table').append(output);
return output;
});
最好的方法是使用 List.js 库。
这是一个 example.
<div id="users">
<input class="search" placeholder="Search" />
<button class="sort" data-sort="name">
Sort by name
</button>
<ul class="list">
<li>
<h3 class="name">Jonny Stromberg</h3>
<p class="born">1986</p>
</li>
<li>
<h3 class="name">Jonas Arnklint</h3>
<p class="born">1985</p>
</li>
<li>
<h3 class="name">Martina Elm</h3>
<p class="born">1986</p>
</li>
<li>
<h3 class="name">Gustaf Lindqvist</h3>
<p class="born">1983</p>
</li>
</ul>
</div>
<script src="http://listjs.com/no-cdn/list.js"></script>
<script>
var options = {
valueNames: [ 'name', 'born' ]
};
var userList = new List('users', options);
</script>
我有一个 javascript 数组,用于记录来自所有 50 个州的呼叫,我编写了该数组,以便在收到来自同一州的新呼叫时,这些值不会重复。问题是它没有连接到我的 table.I 只有位置被输出到我的 table 并且它自己重复。我想在我的数组中输出相同的数据,这样它们就不会重复,但仍然能够使用与该位置关联的数据,我该怎么做?
这是我的代码
var states = [];
channel.bind('call', function(data) {
var location = data.location;
var call_id = data.call_id;
var status = data.status;
if (states.indexOf(location) === -1) {
states.push(location);
}
var output = '<tr class="phonedata"><td>' + location + '</td></tr>';
$('.table').append(output);
return output;
});
最好的方法是使用 List.js 库。 这是一个 example.
<div id="users">
<input class="search" placeholder="Search" />
<button class="sort" data-sort="name">
Sort by name
</button>
<ul class="list">
<li>
<h3 class="name">Jonny Stromberg</h3>
<p class="born">1986</p>
</li>
<li>
<h3 class="name">Jonas Arnklint</h3>
<p class="born">1985</p>
</li>
<li>
<h3 class="name">Martina Elm</h3>
<p class="born">1986</p>
</li>
<li>
<h3 class="name">Gustaf Lindqvist</h3>
<p class="born">1983</p>
</li>
</ul>
</div>
<script src="http://listjs.com/no-cdn/list.js"></script>
<script>
var options = {
valueNames: [ 'name', 'born' ]
};
var userList = new List('users', options);
</script>