Question

我在下面有这段代码，它允许我点击一个按钮并添加一个新的输入/文本框。

我想知道是否可以为此输入设置css，以便添加一个格式与现有格式相同的文本框？

 $(function() {
     $(".addtextbox").click(function() {
         $(".addtextbox").before("<input><br>");
     });
 });

Answer 1

试试这个：

 $(function() {
     $(".addtextbox").click(function() {
         $(".addtextbox").before("<input><br>");

         /*Your styles*/
         $(".addtextbox").style.color = "blue";
         $(".addtextbox").style.backgroundColor ='#FFFFFF';
         $(".addtextbox").style.width=200px;
     });
 });

Answer 2

在输入中添加一个类，然后在样式表中为它指定样式：

JQUERY

 $(function() {
     $(".addtextbox").click(function() {
         $(".addtextbox").before("<input class='myTextBox'><br>");
     });
 });

CSS

.myTextBox{
    color: blue;
    width: 100%;
}

Answer 3

@CláudioBarreira答案很棒，但如果你想在JS中这样做

使用此代码添加样式表

<强> HTML

<button class="addtextbox">Add text input</button>

<强>的jQuery

$(".addtextbox").click(function() {
    $(this).before("<input><br>");
    $(this).prevAll("input:first").css("background-color","red");
});

在这里你可以看到例子 JSFIDDLE - http://jsfiddle.net/00fo9pq6/

自定义使用按钮添加的新输入

3 个答案: