我在我的网站上创建了一个列表。这个列表是通过foreach循环创建的,其中包含来自我的数据库的信息。每个项目都是一个容器,具有不同的部分,因此这不是像1、2、3...等这样的列表。我正在列出重复的带有信息的部分。在每个部分中,都有一个小节。一般的构建如下:
<div>
<fieldset class="majorpoints" onclick="majorpointsexpand($(this).find('legend').innerHTML)">
<legend class="majorpointslegend">Expand</legend>
<div style="display:none" >
<ul>
<li></li>
<li></li>
</ul>
</div>
</div>
所以,我正在尝试使用onclick="majorpointsexpand($(this).find('legend').innerHTML)"来调用函数。
我想要操作的div默认情况下是style="display:none",我想使用javascript来实现在单击时使其可见。
在这种情况下,"$(this).find('legend').innerHTML"尝试将"Expand"作为函数参数传递。
以下是javascript代码:
function majorpointsexpand(expand)
{
if (expand == "Expand")
{
document.write.$(this).find('div').style = "display:inherit";
document.write.$(this).find('legend').innerHTML = "Collapse";
}
else
{
document.write.$(this).find('div').style = "display:none";
document.write.$(this).find('legend').innerHTML = "Expand";
}
}
我几乎可以确定我的问题是语法问题,而且我对JavaScript的工作原理并不十分了解。
我已经通过以下方式将jQuery链接到文档中:
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
在<head></head>
标签内。
$(this)
周围加上括号。希望这可以帮到他。 - jamesmortensen