jquery - 更换不起作用

Question

var full_text=$(".landingpage .tableCol-33:nth-child(3) tbody:nth-child(even) tr td").text();
//The above will give me "Subcategory:Mutual Funds"

var sub_text=$(".landingpage .tableCol-33:nth-child(3) tbody:nth-child(even) tr td a").text();
//The above will give "Subcategory"

var next_text=$(".landingpage .tableCol-33:nth-child(3) tbody:nth-child(even) tr td").text().substring(14,30);
//The above will give "Mutual Funds"

我想将子类别替换为共同基金。所以我使用了下面的代码，但它不起作用。请指导我同样的事情。

var output=full_text.replace(sub_text,next_text);

Answer 1

您仅更改代码中的文本，而不更改页面上元素所在的 DOM 中的文本。您需要使用 text() 更新 DOM 中的新文本方法。

查看代码中的内嵌注释:

var full_text = $(".landingpage .tableCol-33:nth-child(3) tbody:nth-child(even) tr td");
// full_text is now jQuery object

var sub_text = $(".landingpage .tableCol-33:nth-child(3) tbody:nth-child(even) tr td a").text();
var next_text = $(".landingpage .tableCol-33:nth-child(3) tbody:nth-child(even) tr td").text().substring(14, 30);

full_text.text(full_text.text().replace(sub_text, next_text));
// Update the innerText of full_text after replacing the text.