jquery - クラス名を示すテキストを jquery ハンドルに追加できないのはなぜですか?

Question

inClass = "'"+'.'+inClass+"'";      //inClass is a string
$(inClass).show();

Chrome コンソール エラー >> 不明なエラー: 構文エラー、認識できない式: ''

クラス内の文字列を動的に変更したいのですが、jqueryでどのように選択できますか? 助けてください

Answer 1

クラス セレクター自体にリテラルの引用符は必要ありません。次のように書くだけです。

$("." + inClass).show();

Answer 2

そのようなものがより適切です： $('.' + inClass).show();

Answer 3

これらのアポストロフィは必要ありません。実際、クエリが壊れます。

代わりに次を使用します。

var inClass = "."+inClass;
$(inClass).show();

Answer 4

これを試して

inClass = '.' + inClass;
$(inClass).show();

Answer 5

このように使用する必要があります。

var inClass = '.'+'inClass';
$(inClass).show();

ボーナスの使用法:

html:

<a class="tab1">content</a>
<a class="tab2">content</a>
<a class="tab3">content</a>

<div class="tab1C">content</div>
<div class="tab2C">content</div>
<div class="tab3C">content</div>

jQuery:

$('a').click(function() {
   var take = $(this).attr('class');//takes class from clicked element

   $('div').hide();//hides all content
   $('.'+ take + 'C').show();//matches clicked elements id with div container like .tab2C
});