Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.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 用jQuery将字符串从一个类替换为另一个类_Javascript_Jquery_Html_Css_Regex - Fatal编程技术网

Javascript 用jQuery将字符串从一个类替换为另一个类

Javascript 用jQuery将字符串从一个类替换为另一个类,javascript,jquery,html,css,regex,Javascript,Jquery,Html,Css,Regex,我试图找出如何将一个字符串从一个类替换为另一个类。我在页面上有一个H1标记,其想法是当它可见时,用户可以将一些文本放入文本框中,以覆盖H1标记(标题类)和相应的菜单项(内容类)。目前我可以替换H1标记,但我不知道如何替换菜单中的字符串。我所有的实验都导致所有的弦都被替换了 <div class='thing'>One</div> <div class='thing'>Two</div> <div class='thing'>Three&

我试图找出如何将一个字符串从一个类替换为另一个类。我在页面上有一个H1标记,其想法是当它可见时,用户可以将一些文本放入文本框中,以覆盖H1标记(标题类)和相应的菜单项(内容类)。目前我可以替换H1标记,但我不知道如何替换菜单中的字符串。我所有的实验都导致所有的弦都被替换了

<div class='thing'>One</div>
<div class='thing'>Two</div>
<div class='thing'>Three</div>
<div class='thing'>Four</div>
<div class='thing'>Five</div>

<h1 class='header'>One</h1>
<input type="text" name="textbox" id="textbox" value="">

任何帮助都将不胜感激。

只需循环浏览菜单项并搜索标题值:

var userInput = $('#textbox').val(),
    headerValue = $('h1').text();
$('.thing').each(function() {
    if ($(this).val() == headerValue) {
       $(this).val(userInput);
    }   
}); 

使用merezha的代码可以工作,但是我用.text替换了.val

var userInput = $('#textbox').val(),
    headerValue = $('h1').text();
$('.thing').each(function() {
    if ($(this).text() == headerValue) {
       $(this).text(userInput);
    }   
}); 

谢谢大家

$('.thing').eq(3).text($('#textbox').val())
您能显示完整的代码吗?
var userInput = $('#textbox').val(),
    headerValue = $('h1').text();
$('.thing').each(function() {
    if ($(this).text() == headerValue) {
       $(this).text(userInput);
    }   
});