私は、jsが動的htmlを作成するmagento環境で作業しています。今、ある要素を他の要素の前に移動したいと思います。これは、htmlもフォームjsをロードしていて、それに置換が適用されるためです。私の最終的なhtmlコードは次のように表示されます:
<div class="x-tree-node-el folder active-category x-tree-node-collapsed" id="extdd-3"><span class="x-tree-node-indent"><img class="x-tree-icon" src="http://extjs.com/s.gif"></span><img class="x-tree-ec-icon x-tree-elbow-plus" src="http://extjs.com/s.gif" id="ext-gen27"><img unselectable="on" class="x-tree-node-icon" src="http://extjs.com/s.gif" id="ext-gen24"><a tabindex="1" href="#" hidefocus="on" id="ext-gen21"><span unselectable="on" id="extdd-4">Laptops (2)</span></a><input type="checkbox" class="copycate" value="110" name="tree['110']"></div>
input typ="checkobx" をアンカータグの前に移動したい.Likeの最終結果は
<div class="x-tree-node-el folder active-category x-tree-node-collapsed" id="extdd-3"><span class="x-tree-node-indent"><img class="x-tree-icon" src="http://extjs.com/s.gif"></span><img class="x-tree-ec-icon x-tree-elbow-plus" src="http://extjs.com/s.gif" id="ext-gen27"><img unselectable="on" class="x-tree-node-icon" src="http://extjs.com/s.gif" id="ext-gen24">
<input type="checkbox" class="copycate" value="110" name="tree['110']">
<a tabindex="1" href="#" hidefocus="on" id="ext-gen21"><span unselectable="on" id="extdd-4">Laptops (2)</span></a></div>
このコードを試してみましたが、うまくいきません。
<script>
$('.copycate').insert({
before: "<a>",
after: "<img>"
});
</script>