使用JQuery扩展FAQ页面
我正在尝试创建一个可扩展的FAQ页面。我提到了stackoverflow上的几个线程，它们都有答案，但当我在代码中实现它时，我无法获得页面上问题的可扩展答案。
当我点击问题时，它显示没有变化
<html>
<head>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js">
</script>
<script>
<script type="text/javascript">
$(document).ready(function(){
$('.faqlink').click(function(){
$('.content').hide();
$(this).parent('td').next('.content').show();
});
});
</script>
<style type="text/css">
.content {
display: none;
}
</style>
</head>
<body>
<table>
<tr>
<td>
<a class="faqlink" href="#"><?php if ($result->num_rows > 0) {
// output data of each row
while($row = $result->fetch_assoc()) {
echo "<h3><b>".$row["question"]." </b></h3>";
}
} else {
echo "0 results";
}
?></a>
<br><br>
</td>
<td class="content">
<?php if ($result->num_rows > 0) {
// output data of each row
while($row = $result->fetch_assoc()) {
echo "<h3><b>".$row["answer"]." </b></h3>";
}
} else {
echo "0 results";
}
?>
<br><br>
</td>
</tr>
</table>
</div>
</body>
</html>
后果
预期结果
共有1个答案
首先，display:hidden不是一件事。我想您正在寻找display:none。
jQuery的。next（）函数只查看兄弟姐妹和您的。内容不是的兄弟。常见问题解答链接。您正在寻找的兄弟姐妹。常见问题解答链接的父项。
$(this).parent('td').next('.content').show();
这将是处理它的幼稚方式，但通常在这样的情况下，我更喜欢使用呈现内容的循环来为内容设置唯一的ID，并以这种方式引用它。使javascript更易于管理和阅读，并使查找更快。
-
问题内容： 这两个扩展功能有什么区别？ 尽管jquery.extend有充分的文档记录，但是angular.extend缺少详细信息，并且注释没有提供答案。（https://docs.angularjs.org/api/ng/function/angular.extend）。 angular.extend是否也提供深层复制？ 问题答案： 并且是 非常 相似的。它们都从一个或多个源对象到目标对象进行
-
Portal（制作图表、列表、球形图等） 数据网格视图（DataGrid View） 可编辑的数据网格（Editable DataGrid） 可编辑的树（Editable Tree） 数据网格行过滤（DataGrid Filter Row） 数据网格行拖放（Drag and Drop Rows in DataGrid） 树形网格行拖放（Drag and Drop Rows in TreeGrid）
-
问题内容： 单击标题栏时，我想展开和折叠表行。我只想展开/折叠特定标题下的行（单击）。 这是我的表结构： 关于如何完成此任务的任何想法。使用div这个任务似乎很简单，但是我有要处理的表格数据。 我能想到的一个想法是在每行中使用css类，以区分每个标题下的行，并仅在单击标题时使用JQuery扩展/折叠这些行。但是，如果我的表有10-15个标题，那么似乎很难跟踪CSS类。 请提出实现此目标的合适方法。
-
扩展说明 对等网络节点组网器。 扩展接口 org.apache.dubbo.container.page.PageHandler 扩展配置 <dubbo:protocol page="xxx,yyy" /> <!-- 缺省值设置，当<dubbo:protocol>没有配置page属性时，使用此配置 --> <dubbo:provider page="xxx,yyy" /> 已知扩展 org.ap
-
问题内容： 我想在Firefox扩展中使用jQuery，我将库导入到xul文件中，如下所示： 但是xul文件中无法识别$（）函数，jQuery（）也无法识别。 我还尝试过将“ content.document”对象（该对象反映“ document”对象）作为上下文参数传递给jQuery函数，如下所示： 但仍然无法正常工作，以前有人遇到过这个问题吗？ 问题答案： 我使用以下内容： 这是一个
-
包含 Ribbon 文件 如需创建 Ribbon 组件，则要包含 'ribbon.css'、'ribbon-icon.css' 和 'jquery.ribbon.js' 文件。 <link rel="stylesheet" type="text/css" href="themes/default/easyui.css"> <link rel="stylesheet" type="text/css