Javascript 使用jquery强制显示表中的前5行
我写了一个关于如何使用jquery显示和隐藏一些表行的问题,现在使用相同的问题,我想知道如何强制显示前5个元素。我在示例中使用了以下代码:Javascript 使用jquery强制显示表中的前5行,javascript,jquery,html,xml,show-hide,Javascript,Jquery,Html,Xml,Show Hide,我写了一个关于如何使用jquery显示和隐藏一些表行的问题,现在使用相同的问题,我想知道如何强制显示前5个元素。我在示例中使用了以下代码: $(document).ready(function(){ $.ajax({ type: "GET", url: "test.xml", dataType: "xml", success: function(xml) { $(xml).find('event').each(function(){ var Col0
$(document).ready(function(){
$.ajax({
type: "GET",
url: "test.xml",
dataType: "xml",
success: function(xml) {
$(xml).find('event').each(function(){
var Col0 = $(this).find('title').text();
var Col1 = $(this).find('country').text();
var Col2 = $(this).find('date').text();
var Col3 = $(this).find('time').text();
var Col4 = $(this).find('course').text();
var Col5 = $(this).find('topic').text();
var Col6 = $(this).find('pre-course').text();
$('<tr></tr>').html('<th>'+Col0+'</th><td>'+Col1+'</td><td>'+Col2+'</td><td>'+Col3+'</td><td>'+Col4+'</td><td>'+Col5+'</td><td>'+Col6+'</td>').appendTo('#test');
initalizeTable();
});
}
});
});
我必须包装上面的代码,将其包含在第一个代码中,以便在将数据导入html后直接加载
下面是我用来手动更改显示选项的html:
<select id="limit">
<option value="0">None</option>
<option value="5"selected>5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="" >All</option>
</select>
没有一个
5.
10
15
20
全部的
现在一切都很好,除了数据导入到完整的表中,我想强制只显示表中的前5行
你知道怎么做吗
谢谢您可以拨打show(0,5)在initializeTable()
函数末尾的code>
或在绑定后立即触发select的更改事件,以便它自动从下拉列表的当前选定选项中拾取最大值:
$('#limit').bind('change', function () {
show(0, this.value);
}).trigger('change');
您可以调用show(0,5)在initializeTable()
函数末尾的code>
或在绑定后立即触发select的更改事件,以便它自动从下拉列表的当前选定选项中拾取最大值:
$('#limit').bind('change', function () {
show(0, this.value);
}).trigger('change');
惊人的解决方案。从来没有像这样容易。非常感谢@nnnnnn惊人的解决方案。从来没有像这样容易。非常感谢@nnnnnn
$('#limit').bind('change', function () {
show(0, this.value);
}).trigger('change');