如何在元素输入中设置它而不标记ID

时间:2015-08-03 07:34:02

标签: javascript jquery dom

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 =提示符。

2 个答案:

答案 0 :(得分: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>无法使用结束标记。

答案 1 :(得分:0)

只需使用.val()函数设置当前元素值属性

$(this).val(person);

并删除不需要的</input>