Javascript &引用；“添加到购物车”；使用jQuery 目标

复制一个文本并将其移动到另一个元素

问题 我的应用程序上有一个产品列表，我想在单击“添加按钮”时将它们添加到摘要中。直到这里，放松点，嗯

汇总表上的产品将显示其名称和数量。所以我问：我怎样才能从DOM中提取这个名称并“粘贴”到一个新的地方

但是。。。等待当“添加”按钮位于产品元素之外时，问题就会变得严重。我的意思是，“添加按钮”在代码底部的工具提示中-与产品的元素没有关系

我想做什么 工具提示具有以下结构：

<div class="tooltip">
   <form action="">
      <input type="text" name="product_quantity" />
      <button type="submit" />
   </form>
</div>

我想做以下几件事：

<div class="tooltip">
   <form action="">
      <input type="hidden" name="product_id" value="1" />
      <input type="text" name="product_quantity" />
      <button type="submit" />
   </form>
</div>

然后，通过jQuery获得一个具有该值的元素（在本例中为1）

我的官方代码 您可以在上面或上面看到它：

<ul>
    <li>
        <div class="product-header">
            <h1>Cap</h1>
        </div>
        <div class="product-body">
            <p>A beautiful cap</p>
        </div>
        <div class="product-controls">
            <a href="#">Click here to open the tooltip to select a quantity then add to products summary</a>
        </div>
    </li>
    <li>
        <div class="product-header">
            <h1>Gears of War — The game</h1>
        </div>
        <div class="product-body">
            <p>TPS by Microsoft Studios</p>
            <div class="product-controls">
                <a href="#">Click here to open the tooltip to select a quantity then add to products summary</a>
            </div>
        </div>
    </li>
</ul>
<div class="tooltip" style="display: none;">
    <form action="">
        <input type="text" name="product_quantity" />
        <button type="submit" />
    </form>
</div>

帽子
漂亮的帽子



战争的齿轮-游戏
微软工作室的TPS

（更新）也许。。。AJAX 我开始考虑恢复产品标识符的可能性（通过隐藏工具提示的输入），并对数据库进行查询——但这是可行的吗

---

提前谢谢

//使用jquery获取产品id的值

$('.tooltip button').click(function() {
  alert($('#product_id').val());
});

---

如果您想使用AJAX，请尝试以下内容

几个月前我基于jQuery编写了一个类似的东西：

这里是一个简单的演示，没有任何Ajax请求或其他

---

我就是这么做的，在“添加到购物车”按钮上，您有产品id，然后在ajax请求中将产品添加到购物车中，然后此ajax请求将返回产品名称以及您可能需要的所有内容。无论如何，您都必须将产品添加到购物车中，并且只要ajax请求没有完成，它就不会出现在您的购物车中。所以我认为这是最好的方法。你好，朋友。不幸的是，这不是关于动画或效果，而是如何将DOM的数据从一个地方移动到另一个地方-您能理解吗？