如何在jQuery选择器中使用JavaScript变量？

Question

如何使用JavaScript变量作为jQuery选择器中的参数？

<script type="text/javascript">
$(function(){    
  $("input").click(function(){
    var x = $(this).attr("name");

    $("input[id=x]").hide();    
  });    
});
</script>

<input type="text" id="bx"/><input type="button" name="bx"/>
<input type="text" id="by"/><input type="button" name="by"/>

基本上，我想做的是能够隐藏一个元素，该元素id等于被单击的元素的名称。

Answer 1

var name = this.name;
$("input[name=" + name + "]").hide();

或者，您可以执行以下操作。

var id = this.id;
$('#' + id).hide();

或者，您也可以发挥作用。

$("#" + this.id).slideUp();

如果要永久删除整个元素，请从页面中删除。

$("#" + this.id).remove();

您也可以在此使用它。

$("#" + this.id).slideUp('slow', function (){
    $("#" + this.id).remove();
});