Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在一段代码的每个跨度处替换文本_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 在一段代码的每个跨度处替换文本

Javascript 在一段代码的每个跨度处替换文本,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个带表格的变量: var tableCode='<table><tr><td><span class'thisone'>'the_text_to_change'</span><span class'thisone'>'other_text_to_change'</span><span class'thisone'>'another_text_to_change'</span><

我有一个带表格的变量:

var tableCode='<table><tr><td><span class'thisone'>'the_text_to_change'</span><span class'thisone'>'other_text_to_change'</span><span class'thisone'>'another_text_to_change'</span></td></tr></table>'
var tableCode=''文本更改''其他文本更改''另一文本更改''
我想用类“thisone”替换每个跨度内的文本,每个文本取决于类内的值

因此,变量tableCode应该是:

var tableCode='<table><tr><td><span class'thisone'>'the_text_changed_1'</span><span class'thisone'>'the_text_changed_2'</span><span class'thisone'>'the_text_changed_3'</span></td></tr></table>'
var tableCode=''文本更改1''文本更改2''文本更改3''
我已经阅读了每个:,但它是针对DOM的,而不是Javascript中的变量

因此:读取变量,抛出它,用特定的css类检测跨度,并根据文本更改值

非常感谢

单向

var tableCode=“'the'u text'u to'u change”“other'u text'u to'u change”“other'u text'u to'u change';
tableCode=$(tableCode)//将其设置为jQuery对象
tableCode.find('span.thisone').text(函数(i){
将“文本”返回到“更改”++i;
}); //使用类thisone查找span并设置文本
log(tableCode.html())//要检索更改的字符串,请使用tableCode.html()
执行以下操作:

var jqueryObj=$("<table><tr><td><span class='thisone'>'the_text_to_change'</span><span class='thisone'>'other_text_to_change'</span><span class='thisone'>'another_text_to_change'</span></td></tr></table>");
jqueryObj.find('span').each(function(){
$(this).text($(this).attr("class"));
});
var jqueryObj=$(“‘文本’改变’‘其他文本’改变’‘另一文本’改变’);
jqueryObj.find('span')。每个(函数(){
$(this.text($(this.attr(“类”));
});

1)你的代码是错误的(cfr颜色,如果你在任何地方都使用单引号,除非你逃避它,否则它无法工作)2)尝试实际编写一些代码3)如果你遇到问题,请返回她此代码没有替换代码中的文本spans@Za7pi改变你的桌子结构,就像在小提琴中一样。这是可行的,但有一件事,如果您这样放置变量(添加两个tr):
var tableCode=“the_text_to_changeother_text_to_changeother_text_to_changeother_text_to_change”它不工作,只更改第一个跨距。谢谢@Za7pi您的标记错误-->此处
是,抱歉。我已经更改了它,是的,您的代码做得很好,但是当您这样做时:
console.log(tableCode.html())只打印一个SPAM此代码只按范围过滤,不按类名过滤此代码正在工作:
var jqueryObj=$(“'the_text_to_change'”其他_text_to_change''另一个_text_to_change');find('span.thisone').each(函数(){$(this.text('someText');})
但是如果我这样放置变量:
var jqueryObj=$(“'the_text'u to_change'”other_text'u to_change''other_text'u to_change'”)无表标记,仅更改第一个跨距。为什么?
var jqueryObj=$("<table><tr><td><span class='thisone'>'the_text_to_change'</span><span class='thisone'>'other_text_to_change'</span><span class='thisone'>'another_text_to_change'</span></td></tr></table>");
jqueryObj.find('span').each(function(){
$(this).text($(this).attr("class"));
});