jquery - jquery、クラス名で div をターゲットにする

Question

私のdivはフットボールと呼ばれ、これは機能します:

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

しかし、私はそれをハードコーディングしたくありません.もっと動的にする必要があります.「フットボール」を属性のクラス名に置き換えるにはどうすればよいですか:

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

助けてくれてありがとう！

Answer 1

私の理解が正しければ、クラスの値を$targetページ上の実際の要素に対応させたいですか? またはインスタンス、ターゲットが次の場合:

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

次の対応する要素がある場合があります。

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

className追加中にセレクターとして (具体的には ID として)を使用する方法を尋ねています。

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

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

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

このように解決したい場合は、すでにそれを念頭に置いていると思います。

Answer 2

ID セレクターの代わりにクラス セレクターを使用します。

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