Question

我正在试图弄清楚如何将类中的字符串替换为另一个字符串。我在页面上有一个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="">

我的一些用于替换H1标签的JavaScript：

var userInput = $('#textbox').val();
$('.header:visible').text(userInput);

非常感谢任何帮助。

Answer 1

只需遍历菜单项并搜索标题值：

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

Answer 2

使用merezha的代码工作了但是我用.text

替换了.val

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

谢谢大家！

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

2 个答案: