Question

我只想将所有输入替换为h1标签，并在单击按钮时将文本变为红色。

为什么这不起作用？

 $('#container').find('input').each(function() {
  $(this).replaceWith('<h1>'+ this.value + '</h1>').css(
    'color', 'red'
  );
});

我需要通过jQuery添加它，因为我打算从每次点击的随机颜色中进行选择，但我甚至无法使其工作。

Answer 1

<强> JSFIDDLE DEMO

<强> HTML

<input type="text" placeholder="input1"/>
<input type="text" placeholder="input2"/>
<input type="text" placeholder="input3"/>
<input type="text" placeholder="input4"/>
<input type="text" placeholder="input5"/>
<br/>
<button class="submit">Click me</button>

<强> JS

$(function() {
    $('.submit').click(function () {
        $('input').css('background', 'red');
    });
});

请解释您还需要什么。

Answer 2

经过一番研究并搞砸了这个工作：

$('#container').find('input').each(function() {
  $(this).replaceWith($("<h1 />").text(this.value).css(
    'color', 'red'));
 });

<强> Demo Here

Answer 3

您所需要做的就是不要用包含html的字符串替换它，而用添加了css的代码的jquery对象表示替换它。

$('#container').find('input').each(function() 
{
    $(this).replaceWith( $('<h1>'+ this.value + '</h1>').css('color', 'red') );
});

使用jQuery将replace用css添加到css中

3 个答案: