将类的内容添加到 id 中？

Posted 2023-04-13

【中文标题】将类的内容添加到 id 中？

【英文标题】：Prepend the content of a class into an id?

【发布时间】：2013-07-03 00:50:10

【问题描述】：

我正在尝试将类的内容移动（特别添加）到 div 中。

这是我要移动的班级：

<font class="pricecolor colors_productprice">
   <span class="PageText_L483n">
      <span itemprop='price'>$11.00</span> per 2 oz bag</span>
</font>

这是我希望将其移入的 id：

<td valign="top">
   <span class="PageText_L71n">Quantity:</span>
   <input type="text" class="v65-productdetail-cartqty" name="QTY.KCJ-CP" size="3">
</td>

这是当前不成功的 jQuery 尝试：

<script>
$(document).ready(function()
    $("#v65-productdetail-action-wrapper").prepend(".PageText_L483n");
);
</script>

您无法从提供的代码中看出，但“#v65-productdetail-action-wrapper”是第二个代码块所在的容器。您可能已经知道，这只是在文字字符串前面加上“。 PageText_L483n"，而不是它的内容。

【参考方案1】：

$("#v65-productdetail-action-wrapper").prepend($(".PageText_L483n").first());

删除

$(".PageText_L483n").first().html("");

或者

$(".PageText_L483n").first().remove();

两者都应该工作。

你需要做的就是将一个 添加到类中，并将它添加到 id 中。

$("#v65-productdetail-action-wrapper").prepend($(".PageText_L483n").first().append("<br>"));

应该这样做。

【讨论】：

这种工作，虽然有两个问题：1）它移动了文本，但它根本没有样式。我怎样才能保持风格？ 2）它没有摆脱原始文本，所以现在它显示了两次。我怎样才能让它也隐藏原文？

从给定的代码中删除.html()，它应该可以工作。您不能轻易地“复制”样式 - 您最好将 CSS 设置为两个位置的元素样式。

这太接近了，虽然还有一个问题，就是它没有出现在 id 内容的正上方，而是出现在它的旁边，这将其他内容推到了上面。这是它现在的样子：i.imgur.com/YOJPeSQ.png。除了附加它之外，还有什么方法可以添加中断标签或其他东西吗？

如果你希望它高于你指定的 id，你需要一个 $("#v65-productdetail-action-wrapper").before($(".PageText_L483n").first());

试试$("#v65-productdetail-action-wrapper").prepend($(".PageText_L483n").first(), "<br>"); 或$("#v65-productdetail-action-wrapper").prepend($(".PageText_L483n").first(), "<div style='clear:both;'></div>");