Question

我正在使用下面的代码创建评论框。我想创建评论框，但无法为单击按钮指定变量值。

如何在下面的代码

中将id="cmnt'+i+'"分配给$("#bn")的值

<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
        $(document).ready(function() {    
            var i = 0;

            $("#cmnt").keypress(function(e) {

                var key = e.which;    
                i++;    
                if (key == 13) {    
                    var data = $(this).val();
                        $("#box").append(    
                        $('<div>' + data + '</div>' + '<a href="#" id="cmnt' + i + '" >Comment</a>' + '<div id="ct' + i + '"></div>')    
                    );    
                }

                $("#bn").on("click", function() {

                    $(".ct").append(    
                        $('<input type="text" id="scmnt' + i + '" />' + '<div id="scs' + i + '"></div>')    
                    );

                    $(".scmnt").keypress(function(e) {

                        var key = e.which;

                        if (key == 13) {

                            var $vv = $(this).val();    
                            $(".scs").append('<div>' + $vv + '</div>');    
                        }

                    });

                });

            });
        });
    </script>
</head>

<body>
    <input type="text" id="cmnt" />
    <div id="box">

    </div>
</body>

</html>

Answer 1

试试这个。它将ID属性更改为'cmnt'+ i。

.custom-counter li {
    counter-increment: step-counter;
    position: relative;
    display: block;
    padding: 0;
    color: #6d6e73;
    border-bottom: .175em solid #e5e5e5;
    margin-bottom: .5em;
    float: left;
    clear: both;
    //Add this
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
}

如何将变量添加到单击按钮的值

1 个答案: