問題タブ [appendto]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
10232 参照

jquery - append()でDOM要素を移動しますか?

私は次のdivような要素を持っています

... DOM内のある位置から別の位置に移動したいと思います。私はこれを次appendTo()のように行うことができますか?

...またはこれはそれを複製しますか?

id複製されている場合、DOMには同じ要素が2つあります。どうすればこれを回避できますか?

0 投票する
1 に答える
682 参照

php - データベースから取得したn個のノートに対してn個のdivを作成するためのAjax/JSON取得と配列(php、sql)

'phparray->jQuery'の問題のこちら側を扱うチュートリアル/説明が見つかりません。(または私が理解しているもの、私はこれすべてに不慣れです:S)

コードは機能しますが、n個のノートに対してn個のdivを作成しません

私はPHPファイルでSQLを使用しています:

これは、Ajaxを介してdiv / DOM(!?)要素に正常にエコーします。

しかし、明らかに私が抱えている問題は、すべてが1つの新しい、<div class="stickit">つまり「note1」、「note2」、「note3」などにエコーされることです。つまり、新しいノートごとに1つの新しいdivではなく、すべてのノートが1つのdivにエコーされます。

現在の思考(失敗した思考...)

そこで、「while」ループのクライアント側を実行して、そのインデックスのデータを使用して各インデックスに新しいdivを作成するために、jQuery配列にPHP配列を設定しようとしています。このプロセスですが、ループ内にあります。

PHP配列全体で、jqueryが型関数json_encode()の1つを使用できるオブジェクトを返すことを想像していました。map()しかし、ひどいスクリプトの失敗がひどいトラブルシューティングの試みとクラッシュにつながり、完全に行き止まりになっています。

PHP:

わずかに異なるjQuery:

私は行くにつれて学んでいますが、今はどこにも行かないので、助けていただければ幸いです。

0 投票する
3 に答える
1851 参照

jquery - jQueryで複数の子要素を選択するには?

完全な jQuery 初心者はこちら。この例の HTML を使用して、jQuery を使用してすべての span.caption を前の A タグ内に移動します。

前:

望ましい結果:

試してみ$('ul.gallery li span.caption').appendTo($('ul.gallery li a img'));ましたが、すべての span.caption が選択され、最初の img タグ内に配置されます。

何らかの方法で親子セレクターを使用する必要があると思いますが、それについて混乱しています。

ありがとう!

0 投票する
2 に答える
256 参照

jquery - 親とappendtoは一緒に動作しませんか?

jquery.parentsとjquery.appendToは一緒に機能しないようです。たとえば、クリックしたボタンの親の要素にのみ新しい要素を追加したいのですが、

html、

したがって、最初の追加ボタンをクリックすると。追加された段落は、最初の追加ボタンの親の要素にのみ追加する必要がありますが、同じクラス名を持つ他の親には追加しないでください。

これがテストページです。

修正できますか?または私はそれを間違ってコーディングしたに違いありませんか?

0 投票する
1 に答える
850 参照

jquery - Jquery特定のdivへの属性を持つ複数のタグに追加

jqueryを使用してhtmlをビルドしていますが、最終的なコードは次のようになります。

したがって、div id "uploaded"はソースにハードコーディングされており、残り(.thumbs、img、.delete-pic)はjqueryを使用して挿入されます

だから私は仕事をするために次のjqueryコードを使用します:

div#uploadedの子として不明な数のdiv.thumbが存在する可能性があることを除いて、これは正常に機能します。したがって、上記のjqueryは、現在画面に表示されているすべてのdiv.thumbsに同じタグブロックを追加します。

div.thumbsごとにランダムなIDを生成し、そのIDを使用して画像とdiv.delete-picに追加するかどうかを考えていました。

しかし、おそらくもっと簡単な解決策がありますか?

0 投票する
3 に答える
914 参照

jquery - jQueryと複数のliAppendTo

liリストに追加された後、いくつかの要素でフェードインするのに問題があります。

varhtmlにはリストアイテムが含まれています。

フェードインは、単一のli要素がロードされている場合に機能しますが、複数のliがある場合、jQueryはフェードインはもちろん何も挿入しません。

誰かが修正を提案できますか?

編集1:

例-リストは私のulであり、非表示ではありません。

編集2:リストは上記のようにHTMLに存在し、jQueryはフェードインしたい追加のliを追加します。

編集3: htmlには、記事の内容を含む約5つのliを表示するhtmlを含むjQueryajax呼び出しが含まれています。フェードインやアニメーションを使用しない場合は、ulに正しく追加されます。フェードインを追加すると、要素がulに追加されますが、フェードインは行われません。

編集4:これがロード関数です:

解決:

変更することでフェードインしました:

jQueryが特定の順序でチェーンする方法と関係があるようです。

0 投票する
2 に答える
1007 参照

jquery - Jquery appendToをどこかに配置してから、元に戻します

私はある種のツールチップのようなもので問題を抱えています。リストアイテムに非表示のdivがあり、マウスオーバーで表示したい。問題は、リストがカルーセルであるため、それが最後のアイテムである場合、チップがオーバーフローの背後で失われることです。

私の解決策は、divを外に移動することでした。これは問題なく機能し、好きなように表示されます。しかし、私はそれを元に戻す方法を理解するのに苦労しています。divにはリンクが含まれているので、その上にカーソルを合わせる必要があります。

これが私が言っていることの簡単なバージョンです:

ここにmarkuoがあります:

どんな助けでもいただければ幸いです。

0 投票する
1 に答える
616 参照

ckeditor - CkエディターappendToが機能しない

私はckeditor3.6.2を使用していますが、エディターに何も追加できないだけですべてが正常に機能します。これが私のコードです

Firebugコンソールでエラーが発生することはありませんが、テキストエリアに何も追加されていません。ckeditorのドキュメントで調べてみましたが、いずれも私の問題を解決しませんでした。

ありがとう

0 投票する
1 に答える
153 参照

javascript - jqueryを使用して、特定の上部と左の位置にdivを別のdivに追加する方法

別のdivに追加するときに、子divを左にxピクセル上にyピクセルに設定するにはどうすればよいですか

HTML

脚本

get リクエストは、別の div のマークアップを提供します。

これは私にはうまくいきません(左と上に配置)。何かご意見は ?

0 投票する
1 に答える
703 参照

jquery - jqueryでオプションを選択した後にテキストボックスを表示するdivをさらに作成する

記録したい科学論文があります。各記事には複数の参照 (最大 100) があり、参照は書籍または記事である可能性があります。参考文献が書籍の場合、書籍の著者名、書籍のページ番号などを取得します。記事の場合、記事の発行されたジャーナル、記事の発行年などを取得する必要があります。違い)。

そのため、最初にドロップダウンメニューから記事か本かをユーザーに選択させたいと思います。関連するテキストボックスが表示されます。ユーザーは関連情報を入力し、参照 1 は OK です。次に、彼は追加ボタンを押して別の参照を追加するので、最初にドロップダウンメニューが表示され、オプションを選択すると、関連するテキストボックスが表示されます..これが私が持っているものです.

html:

jQuery

今何が起こるかというと、本 (最初の参照) を選択すると、関連するテキスト ボックスが表示され、オプションを本に変更すると、本に関連するテキスト ボックスが表示されます。最初のセレクトボックスは問題ありません。

しかし、追加ボタンを押すと、新しいドロップダウンメニューが表示され(2番目の参照)、オプションを選択すると、関連するテキストボックスが再び表示されます。しかし、問題は、最初の選択を含むすべての選択の変更です..

私はjQueryに非常に慣れていないので、小さな問題があると思いますが、見つけることができません..どんな助けでも大歓迎です..