【发布时间】：2017-07-01 21:03:30
【问题描述】：
我正在尝试选择以下表格 ID - myTable - 它嵌套在几个 div 中。
这是来自 Chrome 的元素面板的屏幕截图：
我尝试使用以下方法无济于事：
$('#myTable').tablesorter(); $('table#myTable').tablesorter(); <html lang="en">
<head>
<title>Beverly Bonus Dashboard</title>
<script type="text/javascript" src="../js/jquery/js/jquery-min.js"></script>
<script type="text/javascript" src="../js/jquery/js/jquery-ui.js"></script>
<script type="text/javascript" src="../js/jquery/tablesorter/jquery.tablesorter.js"></script>
<script type="text/javascript" src="../js/central.js"></script>
<link type="text/css" href="../js/jquery/css/tpurple/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
</head>
<? if ($isDelegate == "true") { ?>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Administration</a></li>
</ul>
<div id="tabs-1">
<p>Tab 1 content</p>
</div>
<div id="tabs-2">
<p>Tab 2 content</p>
</div>
<div id="tabs-3">
<button id="button_showUsers" value="<?=$centreID; ?>">Show Users</button>
<button id="button_addUsers" value="<?=$centreID; ?>">Add Users</button>
<button id="button_removeUsers">Remove Users</button>
<br>
<div id="users"></div>
</div>
</div>
</body>
<? }//end if isDelegate
else {
echo $fullName .", You do not have permission to view this page";
}
?>
</html>
文件：central.js
<pre>
$(document).ready(function(){
//Tabs
$('#tabs').tabs({ spinner: 'Retrieving data...' });
//Buttons
$("button").button();
//Dialog Box
$('#dialog').dialog()
//error messages
var $error_1 = $('<div></div>')
.html("You Do Not Have Permission To View This Site.")
.dialog({autoOpen: false, title: 'Error'});
$('#myTable.tablesorter').tablesorter();
//site stuff
$("#button_showUsers").click(function(){
//get the centre id
var ID = $(this).val();
//echo out the delegates based on the centre ID
$.getJSON("../php/show_delegates.php", { centreID: ID }, function(data) {
$("#users").html("");
var tbl ="<table id='myTable' class='tablesorter'><thead><tr><td>AGS</td><td>Name</td><td>Centre ID</td><td>Start Date</td><td>End Date</td></tr></thead><tbody>";
$.each(data.delegates, function(key, val) {
tbl = tbl
+"<tr>"
+"<td>"+val.ags+"</td>"
+"<td>"+val.full_name+"</td>"
+"<td>"+val.centre_id+"</td>"
+"<td>"+val.start_date+"</td>"
+"<td>"+val.end_date+"</td>"
+"</tr>";
});//end each
tbl = tbl
+"</tbody></table>";
$("#users").append(tbl);
})//end getJSON
}); //button_showUsers
$("#button_addUsers").click(function(){
//get the centre id
var ID = $(this).val();
$("#users").html("");
var tbl ="<table id='myTable' class='tablesorter'><thead><tr><td>AGS</td><td>Name</td><td>Centre ID</td><td>Start Date</td><td>End Date</td></tr></thead><tbody>"
+"<tr>"
+"<td><input type=text id='ags'maxlength='8'></input></td>"
+"<td></td>"
+"<td></td>"
+"<td></td>"
+"<td></td>"
+"</tr></tbody></table>";
$("#users").append(tbl);
}); //button_addUsers
//log user out when window closes
$(window).unload( function () {
$.get("../php/logout.php", function(data) { });
alert("Bye now!");
});//end unload
//log user out when window closes
$(window).load( function () {
$.get("../php/user_details.php", function(data) { });
//alert("Bye now!");
});//end unload
}); //end (document).ready
感谢任何指导。
【问题讨论】：
-
有什么错误吗？请发布我们需要知道的所有信息以帮助调试。
-
确保 id 相同且没有其他 id 作为
myTable，将代码写入.ready处理程序或页面末尾 -
如果能显示一些代码就更好了！
-
因为这里没什么可做的，我要继续问一个明显的问题......你的 jQuery 链接正确吗？否则，即使您有多个具有该 ID 的 div，您也会成功选择该 div。 （您只需全选）
-
感谢大家的回复。我正在研究如何发布我的代码。
标签： jquery html html-table tablesorter