文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在jQuery选择器中使用JavaScript变量？

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

Stack Overflow用户

提问于 2011-05-05 09:53:43

回答 4查看 407.2K关注 0票数 176

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

<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与正在单击的元素的名称相同。

javascript

jquery

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-05-05 10:10:07

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();
});

票数 269

Stack Overflow用户

发布于 2012-09-18 15:41:37

$("input").click(function(){
        var name = $(this).attr("name");
        $('input[name="' + name + '"]').hide();    
    });

也适用于ID：

var id = $(this).attr("id");
$('input[id="' + id + '"]').hide();

当，(有时)

$('input#' + id).hide();

没用的，as it should。

你甚至可以同时做这两件事：

$('input[name="' + name + '"][id="' + id + '"]').hide();

票数 15

Stack Overflow用户

发布于 2011-05-05 09:58:46

var x = $(this).attr("name");
$("#" + x).hide();

票数 8

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/5891840

复制

相似问题

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

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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