1. ホーム
  2. javascript

[解決済み] jQueryのセレクタでJavaScriptの変数を使用するには?

2022-04-20 11:26:10

質問

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"/>

基本的に私がやりたいことは、「Subject」タグを持つ要素を隠すことができるようにすることです。 id が、クリックされている要素の名前と同じであること。

どのように解決するのですか?

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