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

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

我假设如果你想像这样解决它，你已经记住了这一点。

Answer 2

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

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