jQuery .insertAfter工作后,尝试在DOM中移动元素

时间:2016-01-02 09:08:23

标签: javascript jquery css wordpress dom

我想知道如何在网页上将元素(特别是选择下拉框)从一个地方移动到另一个地方。不幸的是,元素代码只位于DOM中。

enter image description here

此选择下拉框位于页面底部http://thehungrygeek.com/2015/11/17/australia-dairy-company/

仅位于DOM中的代码如下:

<select style="width:200px" name="lc_currency1" id="lc_currency1" onchange="localCurrencyChange('SGD',lcValues1,1)">...</select>

选择下拉框应该移到这里:

enter image description here

该地区的相关代码如下:

<form name="lc_change1" id="lc_change1" action="http://thehungrygeek.com/2015/11/17/australia-dairy-company/" method="post"> 
Show currencies in
<noscript>[Please enable JavaScript to change the currency used on this page]</noscript> 
<br>
<small>Powered by LocalCurrency. Rates from <a href="http://finance.yahoo.com" title="Visit Yahoo! Finance" target="_blank">Yahoo! Finance</a></small>
</form>

不太确定最好的方法,但我怀疑某种形式的jQuery。谢谢你的帮助!

编辑:所以我尝试了以下jQuery代码来执行此操作,但它不起作用:

<script type="text/javascript">
jQuery('[id^=lc_currency]').insertAfter('[id^=lc_change]');
</script>

任何编码建议?

0 个答案:

没有答案