使用 jQuery 更改文本

Question

我想要做的是向可擴展標題添加[+]或[-]符號，這樣一旦用戶單擊標題，就會顯示其內容部分，並且其符號部分將從+變為- ，反之亦然反之亦然。 由於有多個標題，我使用了 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'>";

    ...

}

Answer 1

因為符號是標題的后代元素，而不是兄弟元素，所以使用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.

Answer 2

if (jQuery(".sign").text()=="[+]")
{jQuery(".sign").text("[-]");}
else
{jQuery(".sign").text("[+]");}

Answer 3

好吧， next()只獲取直接兄弟。 嘗試改用closest() 。