gpt4 book ai didi

javascript - 仅显示表中的某些列

转载 作者:行者123 更新时间:2023-11-28 09:07:30 24 4
gpt4 key购买 nike

一直在寻找答案,但一无所获。我有一个代码,显示基于参数“rg1”从服务器端 genqueuesearch.php 中提取的表。每行都有一个名为 Queue 的列,其中包含一个“rg1”字符串。该表有几列,但我的挑战是仅显示 4 列。这是我的 AJAX 代码:

<html>
<head>
<script language="Javascript">
function View(){
...
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById("datatable").innerHTML=xmlhttp.responseText;
}
}

var parameters = "search="+"rg1";
xmlhttp.open("POST", "http://drcsblr0165/genqueuesearch.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send(parameters);
}
</script>
</head>

<body onload="View()">
<div id="datatable" align="center"></div>
</body>

</html>

尝试了 getElementsbyTagName 但我不知道我想要的列的标签名称。这是否需要先将表保存到文本文件中?我感谢您的所有帮助,如果我不清楚,请询问。

最佳答案

由于您无法更改服务器为您提供的内容,因此我们只能使用 JavaScript 来解决此问题。我确实建议您使用 jQuery,因为它会让您的事情变得更加简单。

jQuery 利用 CSS 选择器模式在 DOM 中查找元素。您可以利用它来选择要隐藏表中的哪些列。即使您不知道特定列的名称,您甚至可以选择它们。

假设,您从服务器取回这样的表,并将其放入 <div id="datatable"> 中:

<div id="datatable" align="center">
<table>
<tr>
<td>dataRow1Col1</td>
<td>dataRow1Col2</td>
<td>dataRow1Col3</td>
<td>dataRow1Col4</td>
</tr>
<tr>
<td>dataRow2Col1</td>
<td>dataRow2Col2</td>
<td>dataRow2Col3</td>
<td>dataRow2Col4</td>
</tr>
<tr>
<td>dataRow3Col1</td>
<td>dataRow3Col2</td>
<td>dataRow3Col3</td>
<td>dataRow3Col4</td>
</tr>
<tr>
<td>dataRow4Col1</td>
<td>dataRow4Col2</td>
<td>dataRow4Col3</td>
<td>dataRow4Col4</td>
</tr>
</table>
</div>

例如,使用 :nth-child选择器不需要您知道名称,$('#datatable td:nth-child(3)').hide();将选择第三列并将其隐藏。 (参见示例:http://jsfiddle.net/Cjsua/)

您可能会在 jQuery 文档中找到更合适的选择器:http://api.jquery.com/category/selectors/

.hide()函数只是隐藏匹配的元素。

关于javascript - 仅显示表中的某些列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16802510/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com