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

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);
    }   
});