jqueryの、クラス名でのdivをターゲット

Question

私のdivはフットボールと呼ばれ、これは動作します：

$target.appendTo($('#football')); 

しかし、私はどのように私は置き換えることができ、それは、それはよりダイナミックにする必要があるハードコードするたくありません "属性のクラス名を持つ「サッカー」の名前を入力してください：

$target.attr('class') //football 

ありがとうございました！

Answer 1

私が正しく理解していれば、あなたはページ上の実際の要素に対応するためにあなたの$target上のクラス値をしたいですか？ターゲットであった場合や、インスタンス、：あなたは、あなたの添付時に（特にIDとして）セレクタとしてclassNameを使用する方法を求めている

<div id='football' class='games'>...</div> 

：

<p id='foo' class='football'>Hello, World.</p> 

あなたはの対応する要素を持っているかもしれません：

var $target = $("#foo"); // reference to our paragraph 
var targetClass = $target.attr('class'); 

$target.appendTo('#' + targetClass); 

これは、クラス属性が1つのクラスのみを保持することを前提としています。クラス属性にはスペースを含めることができますが、IDとしてスペースを含むものを使用しようとすると、ID値にスペースを含めることができないため、問題が発生します。

私はあなたがこれをこのようにしたいと思っているなら、あなたはすでにそれを念頭に置いていると思います。

Answer 2

IDセレクタの代わりにクラスセレクタを使用してください。

$target.appendTo($('.football'));