javascript - 如何在元素输入中设置 This 而不标记 ID

Question

5种输入类型，无标签ID；如果我点击输入提示命令会出现并说输入你的名字？；输入名称后，我如何编码“This.value = person”的jquery...

<div class="lines">
            <input type="text"><span>7-5</span></input>
            <input type="text"><span>7-6</span></input>
            <input type="text"><span>7-7</span></input>
            <input type="text"><span>7-8</span></input>
            <input type="text"><span>7-9</span></input>
</div>

那么我的 Jquery 是

$(document).ready(function(e){
var elementThis = $("input").click(function(){

 var person = prompt("Please enter your name:");

    if (person != null) {
        this['input'] = person;   
    } 

    $(this).css("background-color","green");
});
});

请帮忙。他们没有在可点击的输入中输入 person = 提示。

Answer 1

这里稍微修改一下

<强> DEMO

$(document).ready(function(e){
    $("input").click(function(){
        var that=$(this);//create a reference
        var person = prompt("Please enter your name:");
        if (person) { //as per @Roko C.Buljan's suggestion
           that.val(person);   //assign its val
           //or even $(this) is fine
           that.css("background-color","green");//as per @Roko C.Buljan's suggestion
           //You can move it here in case cancel is clicked
        } 
    });
});

<强> Cancel validation demo

是的，不</input>正如@Roko C.Buljan 所说。 <input>不能有结束标签。