求助:jQuery函数仅识别rel=author元素,无法定位第二个元素
解决jQuery克隆元素仅一个生效的问题
先给你能直接用的修正代码,再讲可能踩的坑:
$(function() { // 克隆目标元素 const $authorClone = $('a[rel="author"]').clone(); const $dateClone = $('span.updated').clone(); // 插入到h1标签内(用append是追加到末尾,要放前面就换prepend) $('.post-header h1').append($authorClone).append($dateClone); });
可能的问题原因及解决:
- 选择器精确匹配坑:你原来写的
span[class="updated"]是精确匹配class属性值,只有当span的class只有updated时才会选中。如果这个span还有其他class(比如Divi主题可能给日期加了额外类名),就会找不到元素。换成span.updated可以匹配所有包含updated类的span,兼容性更强。 - DOM加载时机不对:如果你的脚本在页面元素还没渲染完就执行,会找不到目标元素。必须把代码包在
$(function(){})里,这是jQuery的DOM就绪写法,确保元素加载完成后再执行操作。 - 元素实际类名不符:Divi主题的日期元素class可能不是
updated,你可以按F12打开浏览器开发者工具,在Elements面板里搜索span,找到日期元素的真实class名称替换进去。
内容的提问来源于stack exchange,提问作者Defaydesigns
相关产品推荐
相关产品推荐

