的jQuery + Rails的：如何获得按钮用户的ID点击

Question

我花了几个小时试图解决这个问题，并审查其他类似的StackOverflow问题(1)(2)，但没有似乎有回答我的问题..

我无法通过此错误：ReferenceError: id is not defined。警报不显示。

$("button.btn-tag-cat").click(function(e){ 
    e.preventDefault(); 
    var id = $(this).prop('id'); 
    alert(id); 
    id.find('span').show(); 
    }, function(){ 
    id.find('span').hide(); 
    }); 

我试过以下方法来使用id变量但没有工作。

$(id).find('span').show(); 
$("#" + id).find('span').show(); 

然而，当我删除的警报下面的代码块，警报会弹出属于按钮正确的ID。

$("button.btn-tag-cat").click(function(e){ 
    e.preventDefault(); 
    var id = $(this).prop('id'); 
    alert(id); 
    }); 

查看部分： 按钮的ID引用红宝石局部变量id="<%= name %>"

<% q.categories_name_in.each do |name| %> 
    <button type="button" class="btn btn-outline-primary btn-lg btn-tag-cat" id="<%= name %>"><%= name %><span class='glyphicon glyphicon-remove'></span></button> 
    <% end %> 

Answer 1

正如您所指出的那样，误差在点击链接收听功能。

为了获得id属性，你可以使用jQuery的attr功能，如：

$("button.btn-tag-cat").click(function(e) { 
    e.preventDefault(); 
    var id = $(this).attr('id'); 
    alert(id); 
    $('#' + id).find('span').show(); 
}); 

$("button.btn-tag-cat").click(function(e) { 
 
    e.preventDefault(); 
 
    var id = $(this).attr('id'); 
 
    alert(id); 
 
    $('#' + id).find('span').show(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<button class="btn-tag-cat" id="hallo">Press</button>

Answer 2

在这里，你的代码，我会美化它，看看你的错误：

$("button.btn-tag-cat").click(
    function(e) { 
    e.preventDefault(); 
    var id = $(this).prop('id'); 
    alert(id); 
    id.find('span').show(); 
    }, 

    function() { 
    id.find('span').hide(); 
    } 
); 

不是冰第二个函数具有

function() { 
    id.find('span').hide(); // right here 
    } 

但ID没有被定义尚未

尝试

function() { 
    var id = $(this).prop('id'); // this first 
    id.find('span').hide(); 
    }