Jquery获取最新点击的属性ID

时间:2015-11-27 14:23:49

标签: javascript jquery arrays

我试图通过jquery获取属性值

$(document).click(function() {                                    
            var elem = $("input[name='phone']");
            alert(elem.length);
            if(elem.length > 0){
                  alert(elem.attr('id'));
                }
            }); 

这里的案例是

我有很多输入字段与“phone”同名,格式不同。每当我点击它,我只能获得第一个值。不是最后一个。我怎样才能通过Jquery获得它。

在我的页面中,只有文档点击才有效,因为表单代码是从其他网站加载的。

任何帮助都更值得欣赏

5 个答案:

答案 0 :(得分:1)

 $( "input[name^='phone']" ).last()

将返回名称以' phone'

开头的最后一个元素

答案 1 :(得分:1)

您可以执行此操作,以获取所单击项目的ID。

$("input[name='phone']").click(function() {      
    alert($(this).attr('id'));
}

这是将监听器附加到电话输入,this是上下文,在这种情况下是单击的项目。

答案 2 :(得分:0)

试试这个:

$("input[name='phone']").on('focus', function(){
    alert($(this).attr('id'));
}

答案 3 :(得分:0)

这会听取您phone输入字段的点击次数,并提醒id属性,以便您在屏幕上看到:

<强> JQuery的

$("input[name='phone']").click(function() {                                    
    alert($(this).attr("id"));
});

HTML示例

<input id="a" name="phone">A</input>
<input id="b" name="phone">B</input>
<input id="c" name="phone">C</input>
<input id="d" name="phone">D</input>

答案 4 :(得分:0)

使用.on()委派活动,然后您可以使用this

$(document).on('click', 'input[name="phone"]', function() {
  console.log('element with id: ' + this.id + ' has value: ' + this.value);
});