需要用html代码替换+/-字符（例如）＆＃8212;在一小段jQuery中
|
我有一个相当普通的jQuery，当单击+时切换div的可见性，单击-时将其隐藏（单击时+变为-）。问题在于+/-切换器会跟随某些文本，该文本有时带有+或-并同时切换。例如：了解有关blah-blah +的更多信息。单击时，加号变为减号。再次单击时，两个减号都变为加号。
我想如果我只是将+更改为
+
—
function toggleSpecial(element)
{
jQuery(element).next(\".hidden\").slideToggle(\"fast\");
jQuery(element).html(function(i,html) {
if (html.indexOf(\'+\') != -1 ){
html = html.replace(\'+\',\'-\');
} else {
html = html.replace(\'-\',\'+\');
}
return html;
});
}
function toggleSpecial(element)
{
jQuery(element).next(\".hidden\").slideToggle(\"fast\");
jQuery(element).html(function(i,html) {
if (html.indexOf(\'+\') != -1 ){
html = html.replace(\'+\',\'—\');
} else {
html = html.replace(\'—\',\'+\');
}
return html;
});
}
没有找到相关结果
已邀请:
1 个回复
量华
$(\'#iamelement\').click(function() { var $this = $(this); $this.next(\".hidden\").slideToggle(\"fast\", function() { $this.find(\'span\').text($(this).is(\':visible\') ? \'-\' : \'+\'); }); });<a href=\"#\" id=\"iamelement\">toggle thing <span>+</span></a> <div class=\"hidden\"> thing </div><a href=\"#\" class=\"toggler\">toggle thing <span>+</span></a> <div class=\"hidden\"> thing </div> <a href=\"#\" class=\"toggler\">toggle thing 2 <span>+</span></a> <div class=\"hidden\"> thing 2 </div> <a href=\"#\" class=\"toggler\">toggle thing 3 <span>+</span></a> <div class=\"hidden\"> thing 3 </div> $(\'a.toggler\').click(function() { var $this = $(this); $this.next(\".hidden\").slideToggle(\"fast\", function() { $this.find(\'span\').text($(this).is(\':visible\') ? \'-\' : \'+\'); }); });