1

CSS でこれを行うことについて多くのことを見てきましたが (理想からはほど遠い)、Chrome 拡張機能を構築することを考えており、別の前に div を挿入する必要があります (明確にするために、拡張機能をテストするときに私はChrome Dev Tools を使用して div を他の上にドラッグする必要があります)。ページの読み込み時に Javascript/JQuery (または Chrome 拡張機能を介して実行できる他の方法) を使用してこれを行う方法はありますか?

以前の試みでinsertAfter()/insertBefore()を使用してみましbefore()たが、うまくいきませんでした (明らかな何かが欠けているかもしれませんが)。別の質問は、これらを Chrome 拡張機能内で特定の方法で使用する必要があるのでしょうか?

助けてくれてありがとう！

4

2 に答える 2

10

ここに少しデモンストレーションがあります。

insertBefore使用されているコードは次のとおりです。

$("<div>").prop("id","between").insertBefore("#blah");

最初の 2 つの jQuery 関数は、div要素を作成するだけです。既存のものを移動する場合:

$("#existingDiv").insertBefore("#otherDiv");

そして、これはかなり自明のはずです。

プラグインの場合、jQuery を非同期で読み込みます。このようなことをする必要があります：

(function(){
    var s = document.createElement('script');
    s.src = 'http://code.jquery.com/jquery-1.8.2.min.js';
    document.getElementsByTagName('head')[0].appendChild( s );
})();
于 2012-12-17T01:31:04.687 に答える
2

jQueryには、質問で触れたノードを別のノードの前に移動する非常に簡単な方法があります。

前：

<div id="first"></div> <div id="second"></div>

$("#second").insertBefore("#first");

後：

<div id="second"></div> <div id="first"></div>

Chrome に関しては、呼び出しを行うまでに jQuery がロードされているかどうかを確認するために、掘り下げたいと思うかもしれません。

于 2012-12-17T01:25:16.897 に答える