我想要做的是将 [+]
或 [-]
符号添加到可展开的标题中,以便一旦用户单击该标题,其内容部分将被显示,其符号部分将从+
更改为-
,反之亦然。由于有多个标题,我使用了 jQuery 的 next()
。到目前为止,.content
切换效果很好,但由于某种原因,符号没有改变。
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".content").hide();
jQuery(".heading").click(function()
{
jQuery(this).next(".content").toggle();
if (jQuery(this).next(".sign").text()=="[+]")
{jQuery(this).next(".sign").text("[-]");}
else
{jQuery(this).next(".sign").text("[+]");}
});
});
</script>
<小时/>
for (int i = 0; i < nodes.getLength(); i++)
{
Element element = (Element) nodes.item(i);
NodeList title = element.getElementsByTagName("Title");
Element ttl = (Element) title.item(0);
String linkTitle = getCharacterDataFromElement(ttl);
htmlReturn += "<a href='#' class='heading'><h4>" + linkTitle + " <span class='sign'>[+]</span></h4></a>";
htmlReturn += "<div class='content'>";
...
}
最佳答案
因为该符号是标题的后代元素,而不是同级元素,所以使用 find
而不是next
:
var sign = jQuery(this).find(".sign");
sign.text(sign.text() === "[+]" ? "[−]" : "[+]");
// Note: A minus sign (−) has the same width as a plus sign (+),
// whereas a hyphen (-) is typically narrower.
关于javascript - 使用 jQuery 更改文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10047035/