jquery，以类名为目标的div

Question

我的div被称为足球，这有效：

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

但我不想硬编码，它需要更具动态性，如何用属性的类名替换'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 );

这假设您的class属性只能容纳一个类。类属性可以包含空格，但是如果您尝试使用包含空格的ID作为ID，则会产生问题，因为ID值不能包含空格。

我假设如果你想这样做，你已经记住了这一点。

Answer 2

使用类选择器而不是ID选择器。

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