- ベストアンサー
外部ファイルload処理完了してから、指定要素削除
外部ファイルload処理を完了してから、指定要素を削除したいのですが、 どうすればよいでしょうか？ ＜やりたいこと＞ ・hoge.php(の指定範囲)を読み込んでから、(読み込んだhoge.phpの)ulタグpiyoクラスを削除したい ＜現状＞ ・最後にhoge.phpが読み込まれるためか(？)、piyoクラスが削除されません $(function(){ $("button").click(function(){ $("div").load("./hoge.php div.test"); $("ul.piyo").remove(); }) })
- re999
- お礼率61% (476/777)
- AJAX
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
質問文に書いてないのでわかりませんが、jQueryでしょうか？ それっぽいので… $("div").load("./hoge.php div.test", function(){ $("ul.piyo").remove(); }); とかでは？（未検証です） http://api.jquery.com/load/
関連するQ&A
- $.get通信で、指定した要素だけを表示したい
$.jQueryの$.get通信で、指定した要素だけを表示したいのですが、 どうすればよいでしょうか？ ▼hoge.html <h1>練習</h1> <div id="piyo">ここだけ表示させたい</div> ▼index.html $.get( "hoge.html", function(data, status) { $("#result") .append($("<p/>") .append(data) ); }, "html" ); このままだと、全部表示されてしまうので、 $("#piyo")か何かを使って、 "piyo" IDの要素だけを表示させたいのですが、 どうすればよいでしょうか。
- 締切済み
- JavaScript
- ボタンクリックした際、id末尾を取得してそれを利用
■やりたいこと ・下記処理を一度に行いたい ・各ボタン毎にクリック判別するのではなく、まとめて出来ないでしょうか？ ・ボタンクリックした際id名がhoge以下を取得 ・jQueryでloadする際、puyoに取得した内容を足したい ■現状HTML <input type="button" id="hoge1" value=""> <input type="button" id="hoge2" value=""> <input type="button" id="hoge3" value=""> ■現状JS $("#hoge1").click(function(){ $('#piyo').load('puyo1.html'); }); $("#hoge2").click(function(){ $('#piyo').load('puyo2.html'); }); $("#hoge3").click(function(){ $('#piyo').load('puyo3.html'); });
- ベストアンサー
- JavaScript
- スタイルシートで特定IDかつ特定クラスの要素のスタイルを設定するには？
<div id="hoge" class="piyo">～</div> 上記のように特定IDかつ特定クラスの要素にのみスタイルを適用させるには CSSにどのように記述すればよいでしょうか？ div#hoge.piyo、div.piyo#hogeいずれも試してみましたがうまく動きませんでした。
- 締切済み
- HTML
- jQueryでloadした要素の操作ができない
loadにて特定のIDを読み込みした後、そのID内の要素にクラスを追加したりdiv要素を追加したりしようとしていますが、読み込んだり読み込まなかったりで困っています。 firebug、chromeは問題なし、iPhone、xperiaで読み込んだIDにaddClass, wrapが適用できません。 ページをリロードすると適用されるので、読み込みの順番かと思いますが、、、 $(window).loadもダメでした。 <div id="loading01"></div> <script type="text/javascript"> $("#loading01").load("../index.html #hogehoge"); </script> <script type="text/javascript"> $("#hogehoge").ready(function() { $('#loading01 li')addClass('css01'); $('#loading01 a').wrap('<div class="css02"><div class="css03">') }); </script> 数時間困り果てています。。。よろしくお願いします。
- ベストアンサー
- JavaScript
- HashMapで要素を指定から削除
JavaでHashMapについて質問です。 public map remove(key); これだとキーを指定して、要素を削除しますが、 キーを指定せず、要素のみ（例えば要素がnullの場合全て）を指定してキー、要素の削除する方法はありますか？ キーの設置数が多く、要素がnullの多くて要素nullを一括して表示させたく無いので質問しました。 宜しくお願いします。
- ベストアンサー
- Java
- jQuery 並列load処理
jQueryで、ページを構成する要素を並列で取得しようと考えています。 「/samples/heavy_function_parts」は5秒後に現在時刻を返す処理です。 下記のようなコードを書くと、div「Info5」が更新されるのが、ページ表示後 25秒後となります。 5秒後にすべての情報の更新が完了することを期待しているのですが、 どのように修正すべきでしょうか？ <script type="text/javascript"> $(function(){ $("#Info1").load("/samples/heavy_function_parts"); $("#Info2").load("/samples/heavy_function_parts"); $("#Info3").load("/samples/heavy_function_parts"); $("#Info4").load("/samples/heavy_function_parts"); $("#Info5").load("/samples/heavy_function_parts"); }); </script> <div id="Info1">情報1</div> <div id="Info2">情報2</div> <div id="Info3">情報3</div> <div id="Info4">情報4</div> <div id="Info5">情報5</div>
- ベストアンサー
- AJAX
- class指定したHTML要素の背景色を変えるには
HTML文書中で，class指定した要素の背景色を変更するには，どのようにしたら良いのでしょうか。 例： <div id="HOGE"> <p class="hoge"> Hellow! </p> </div> id指定の要素に対しては， document.getElementById('HOGE').style.backgroundColor="red"; として成功しましたが，class="hoge"に対してはどのように指定すれば良いのかわかりません。 よろしくお願いします。
- ベストアンサー
- JavaScript
- jQuery 並列load処理
jQueryで、ページを構成する要素を並列で取得しようと考えています。 「/samples/heavy_function_parts1」 「/samples/heavy_function_parts2」 「/samples/heavy_function_parts3」 「/samples/heavy_function_parts4」 「/samples/heavy_function_parts5」 はそれぞれ、sleepして5秒後に現在時刻を返す処理となります。 下記のようなコードを書くと、div「Info5」が更新されるのが、ページ表示後 25秒後となります。 5秒後にすべての情報の更新が完了することを期待しているのですが、 どのように修正すべきでしょうか？ ※FirefoxのLive HTTP headersを使ってログを取得してみると、リクエストは 同時に一つしか行われていない（リクエストが完了してから次のリクエストが 行われている）ようです。もしかしてWebブラウザの仕様だったりしますでしょうか？ <script type="text/javascript"> $(function(){ $("#Info1").load("/samples/heavy_function_parts1"); $("#Info2").load("/samples/heavy_function_parts2"); $("#Info3").load("/samples/heavy_function_parts3"); $("#Info4").load("/samples/heavy_function_parts4"); $("#Info5").load("/samples/heavy_function_parts5"); }); </script> <div id="Info1">情報1</div> <div id="Info2">情報2</div> <div id="Info3">情報3</div> <div id="Info4">情報4</div> <div id="Info5">情報5</div>
- ベストアンサー
- AJAX
- phpで文字列に入ったhtmlタグの中身を取得
phpで次の文字列の中身を自分の思ったように取得したいです。 -----$textの中身 <div class="hoge">ほげほげ1<div class="piyo">ぴよぴよ</div>ほげほげ2</div> -----自分の実行したphpコード preg_match_all("/<div class=\"hoge\">(.*?)<\/div>/s", $text, $textArr); -----結果($textArr[0]) ほげほげ1<div class="piyo">ぴよぴよ -----自分の望む結果($textArr[0]) ほげほげ1<div class="piyo">ぴよぴよ</div>ほげほげ2 ---------------------------------- divタグの中にdivタグが入っている時、 最初の/divに反応してしまいます。ちゃんと、ほげほげ2まで取得する方法を教えてください。
- 締切済み
- PHP
- 指定したidやclass以外の要素を指定するには
cssで特定のidやclassを持った要素を指定することは常識ですが 指定したidやclass以外の要素を指定する方法はありますか？ 例えば#mainというidを持ったdiv要素を除いた全てのdiv要素を指定するなど。 本来は共通のクラスを割り当てるのが正しいやり方だと思いますが、、、
- ベストアンサー
- CSS
お礼
回答ありがとうございました。 ＞jQueryでしょうか？ 失礼しました。jQueryです おかげでうまくいきました。リンク先も参考になりましたー