Jquery 例如添加<;span>+<;/span>;标签位于<;a>;标签
Jquery 例如添加<;span>+<;/span>;标签位于<;a>;标签,jquery,html,css,Jquery,Html,Css,+是在 文本 尝试使用.append()函数而不是.after() 给你一个解决方案 $(文档).ready(函数($){ $('.accord ul li:has(ul)').addClass('expand').find('ul').hide(); $('.accord ul li.expand>a').append('+'); $('.accord ul')。on('click','li.collapsa span',函数(e){ $(this).text('+').closes
+
是在
- 文本
尝试使用.append()函数而不是.after()
给你一个解决方案
$(文档).ready(函数($){
$('.accord ul li:has(ul)').addClass('expand').find('ul').hide();
$('.accord ul li.expand>a').append('+');
$('.accord ul')。on('click','li.collapsa span',函数(e){
$(this).text('+').closest('li').addClass('expand').removeClass('collapse').find('>ul').slideUp();
e、 停止即时复制();
});
$('.accord ul')。在('click','li.expand a span',函数(e)上{
$(this).text('-').closest('li').addClass('collapse').removeClass('expand').find('>ul').slideDown();
e、 停止即时复制();
});
$('.accord ul')。在('click','li.collapse li:not(.collapse')上,函数(e){
e、 停止即时复制();
});
});代码>
-
- 文本
在您的jquery
中,将之后的替换为附加,使span
添加到标记中。并更新了您的jquery
,使内容也得以扩展。请参阅下面的代码
jQuery(文档).ready(函数($){
$('.accord ul li:has(ul)').addClass('expand').find('ul').hide();
$('.accord ul li.expand>a').append('+');
$('accord ul')。on('click','li.collapse span',函数(e){
$(this).text(+).parents('li').addClass('expand').removeClass('collapse').find('>ul').slideUp();
e、 停止即时复制();
});
$('.accord ul')。在('click','li.expand span',函数(e)上{
$(this).text('-').parents('li').addClass('collapse').removeClass('expand').find('>ul').slideDown();
e、 停止即时复制();
});
$('.accord ul')。在('click','li.collapse li:not(.collapse')上,函数(e){
e、 停止即时复制();
});
});代码>
-
- 文本
使用.append()
而不是.after()
。读文件。如果要使用jQuery,请花几分钟浏览一下。或者浏览一下,了解哪些对你有用。@nnnnnnnn它是有效的。但按+不能扩展内容,它可以工作。但是,按+不能扩展内容。您正在使用.parent()将父元素作为目标,但现在您添加了一个额外的嵌套语句,因此必须以上面的两个父元素为目标。e、 g..parent().parent(),或使用函数。closest()欢迎好友:)只是一个疑问,朋友,如果我想这样添加:+关于我们
@Alex-替换.append()
,并使用.prepend()
使+关于我们
的内容相同,唯一的更改将是prepend
而不是append
Hello@alex-另一种方式,不是.parent()
,而是使用.parents()
和s
调用家长li
,Hello@bellabelle谢谢:)我没有+1的必要分数:(@Alex,没关系,我只是想分享我的想法。如果我想这样添加:+关于我们
@Alex-替换.append()
,使用.prepend()
来制作+关于我们
<a>about us <span>+</span></a>