jQuery替换一个标签中的文本

时间:2018-10-05 16:41:41

标签: jquery

因此,如您在图片中看到的,在li标签中有一些文本。文字是由wordpress主题面板管理员生成的。我想做的是替换同一标签中的部分文本。所以我要拥有:Powierzchnia wm²:93.5

enter image description here

我制作了一些jquery脚本:

$( document ).ready(function() {
    let str = document.getElementById("class-20").innerHTML;
    let first = str.split(" ")[0];
    first = first.substr(8);

    //let foundin3 = str.indexOf(":");
    let foundin4 = $('*:contains(":")');

    $( str ).insertAfter( foundin4 );       
    //foundin4.after(first)
    //foundin4.appendChild(first);
});

但是它没有给出预期的结果。 那么,第一个问题是,像我一样给.insertAfter变量(实际代码的7行)作为参数而不是html标签/类作为参数正确吗?

现在,在开发工具控制台中运行此命令后,我有:

enter image description here

第二,也许您看到潜在的语法错误,是什么导致错误。

2 个答案:

答案 0 :(得分:0)

我会先尝试使用queryselector,然后再更改文本。就像这样:    var changeIt = document.querySelector('li#class-20');    $(changeIt).innerHtml(“在此处输入文字”);

答案 1 :(得分:0)

我使用了此String的内容,这也使我找到了正确的解决方案:

let str = document.getElementById("class-20").innerHTML;
let first = str.split(" ")[0];
first = first.substr(8);
let second = str.split(" ")[1];

let third = second + first;
$("#class-20").replaceWith(third);