获取输入的id attr并将其存储为变量

时间:2015-04-15 13:04:08

标签: jquery

如何从点击的输入中将ID作为变量存储在jQuery中。这是我得到的,但不确定这是否有效。

<div class="email_button">
   <input id="button1" value="value" />
   <input id="button2" value="value2" />
   <input id="button3" value="value3" />
   <input id="button4" value="value4" />
</div>

这是我的jQuery

jQuery('.email_button input').click(function(){
var buttonid = jQuery($this('.emailbutton input')).attr('id');
)}

然后我将通过ajax

将此ID传递给某些条件php

6 个答案:

答案 0 :(得分:1)

您的代码存在一些问题

JS

$('.email-button input').click(function() {
    var buttonid = this.id;
)};

this.id将返回被点击元素的ID .email-button是您在html中使用的类,而不是.email_button

HTML

无效的html <input id="button1" value"value">它可能是一个错字,然后复制了几次,但你错过了等号和关闭。应该是

<input id="button1" value="value" />

仅供参考,您可以使用$(this).attr('id')来获取ID,但在您的情况下这样做是没有意义的

答案 1 :(得分:0)

这样做,实际上是:

jQuery('.email_button input').click(function(){
    var buttonid = $(this).attr('id');
   //$.post blah blah blah
)}

答案 2 :(得分:0)

使用this.id$(this).attr('id')

jQuery('.email_button input').click(function(){
    var buttonid = this.id    //Or $(this).attr('id');
)}

.attr()用于获取属性,$(this)指定当前上下文,即按钮。

另外,请使用value=关闭输入代码:<input... value="..."/>

答案 3 :(得分:-1)

像这样:

var id;

$("input").click(function(){
id= $(this).attr("id");
})

答案 4 :(得分:-1)

您的HTML无效。将其更改为正确的类,如下所示:

$('.email-button input').click(function (e) {
    var buttonid = e.target.id;
});

OR

$('.email-button input').click(function (e) {
    var buttonid = $(this).attr('id');
});

HTML

<div class="email-button">
  <input id="button1" value="value" />
  <input id="button2" value="value" />
  <input id="button3" value="value" />
  <input id="button4" value="value" />
</div>

答案 5 :(得分:-1)

<div class="email-button">
  <input id="button1" value="value" />
  <input id="button2" value="value" />
  <input id="button3" value="value" />
  <input id="button4" value="value" />
</div>

$('.email-button input').on("click",function() { alert($(this).attr("id")); )};