Javascript 单击更改外部元素时的jQuery

我有这样的结构：

<div class="summary entry-summary">
  <form>
    <div class="single_variation_wrap">         
      <div class="single_variation">
        <span class="price">
           <span class="amount">200.00грн.</span>
        </span>
        <p class="stock out-of-stock">Нет в наличии</p></div>
      </div>
    </div>
  </form>
  <ul class="variation-select" attr="pa_varnish_color"></ul>
  <ul class="variation-select" attr="pa_type_of_furniture"></ul>
</div>

改变

  <p class="stock out-of-stock">Нет в наличии</p> 

• 将p.stock移动为单个变量的第一个元素。 我需要在点击时这样做，因为第一次页面加载时没有。单变量包装它是隐藏的。单击最后一个。变体选择。单个变体包装将可见。 为了更好地理解，我在这里加载我的页面并添加链接。此外，我还添加了屏幕截图，说明我需要做什么

页面链接：

---

委托的

单击事件处理程序，附加到一个未更改的祖先，将执行您声明的操作，但我不确定您的目标是什么（没有更多的HTML和代码）：

它通过在事件时间而不是在事件注册时间应用jQuery选择器（
.variation select:last
）来工作（这是
click（）
所做的）。任何
单击
事件冒泡到您的
class=“summary”
元素，然后选择器应用于冒泡链中的任何元素，然后针对导致事件的任何匹配元素运行函数。在这种情况下，您的最后一个
变体选择
元素。
当您点击最后一个按钮“Rcehb”时，您想将红色文本移动到200.00rph上方吗？您是对的。当我单击“上一步”时。选择变体。可以有许多不同的变体。红色对бб，绿色对ббб和其他。我不懂俄语，但“Tnn Aepeba”按钮是否都有不同的功能？你能给每一个都分配一个点击功能吗？还是你只想要最后一个？首先，我会在点击最后一个变量后得到带有价格的表单。若你们并没有点击最后一个变数，你们将不会得到价格表。这就是问题所在，我可以美元（“p.stock”）.prependTo（“单变数”）；仅在单击“最后一个变体”后执行此操作。我没有其他方法，或者我不知道其他方法（是的！））很多时候，我试图应用$（“.variation select”）.last（）.click（function（）{}），但我不知道如何选择外部元素。非常感谢。下一次，我将现在如何做这一正确的方式
  <p class="stock out-of-stock">Нет в наличии</p> 

`$("p.stock").prependTo(".single_variation");` 

 $(".summary").on("click", ".variation-select:last", function () { })