- ベストアンサー
jQueryのprependで回数指定。
jQuery 初心者です。 勉強させて下さい。 現在下記の様なコードを書いておりますが、 divの回数を簡単に指定する事は出来ないでしょうか? $(xxx).prepend('<div></div><div></div><div></div><div></div>'); ※ *4 とかcloneを試みましたがダメでした。 試行錯誤してみたのですが、行き詰まってしまいました。 よろしくお願いします。
- toggle
- お礼率53% (25/47)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
var div=$('<div></div>'); $(xxx).prepend([div,div,div,div]); 直接書くよりは、まだましになったかと……
その他の回答 (1)
- fujillin
- ベストアンサー率61% (1594/2576)
(↓)のような構文を用いて、利用したいメソッドを拡張定義することが可能なようです。 http://semooh.jp/jquery/api/core/jQuery.fn.extend/object/
お礼
ありがとうございます。参考にさせていただきます。
関連するQ&A
- jqueryスライダー
お知恵をお貸しください。 http://black-flag.net/jquery/20130709-4710.html を参考にスライダーを勉強しています。 このスライダーをフリック対応にしたいと思っています。 試行錯誤し色々と試しているのですがうまく出来ません。 お分かりになる方、お知恵をお貸しください。 よろしくお願いします。
- 締切済み
- JavaScript
- jquery classifyByCol について
jqueryの勉強を始めたばかりの初心者です。 jqueryで下記のコードでセルの塗り分けができましたが、同時に複数列を塗り分けができる方法があるのか、どなたかご教授ください。 合わせて、セルの塗りつぶしではなく、文字色の変更が可能であれば、ご教授ください。 宜しくお願いいたします。 <input class = "btn1" type = "button" onclick = "$('#classifyTest').csv2table('./data/classify.csv',{ onload : function(id,op,data,ary){ $.csv2table.f.classifyByCol( id,3,[ ['>1','#D0FFE0'], ['>3','#98D9FF'], ['>5','#8CA9FF'] ] ) } });" value="classifyByCol"> <div id="view542"></div>
- ベストアンサー
- JavaScript
- jQueryで要素を複製するプラグインの作成
jQueryのプラグインを作成しています。 やりたいことは、追加ボタンをクリックしたら、指定要素を複製していくというものです。 下記のようにプラグインを作成しましたが、 なぜか要素(clone_base1)が消えてしまいます。 原因もわからず困っています。 どのようにしたらよいのでしょうか。 (function(jQuery) { jQuery.fn.clone = function(options) { //defaultの値 var options = jQuery.extend({ reset_form: true ,clone_base : "clone_base1" }, options); return this.each(function() { jQuery(this).click(function(){ //元となるボックスを複製 jQuery("."+options.clone_base).clone().appendTo("."+options.clone_base); }); }); }; })(jQuery);
- ベストアンサー
- JavaScript
- jqueryにて、独自属性を使ってタグを操作したい
皆様 いつもお世話になります。 早速ですがご質問させていただきます。 現在、独自属性を使った学習をしております。 jqueryでidを使って以下のタグの「追加位置」に「追加要素」を挿入すると 以下のようになると思いますが、 <div id="aaa"> <!--追加位置--> </div> $(div#aaa).prepend("追加要素"); 独自属性を使って、同じことをしようとする際、idを識別するのに「#」を使うと思いますが、独自属性はどういう識別子(★にあたる箇所)を使うのでしょうか? div data-hoge="aaa"> <!--追加要素--> </div> var dokuji = $('div').attr('data-hoge'); $(★dokuji).prepend("追加要素"); お詳しい方ご教授のほど宜しくお願い致します。 開発環境: Dreamweaver CC Firefox 34.0.5
- ベストアンサー
- JavaScript
- jQueryでの画像のフェードインのループ
jQuery初心者です。 jQueryで3枚の背景画像がフェードインで切り替わり、ループするようにしたいのですが、 下記のように書いてみたのですが、1週ループまでは上手くいくのですが、2週目に2枚目の画像で止まってしまいます。 下記だと何故2週目の2枚目で止まるのか?の原因と、スマートな書き方をご教授頂けませんか? <head> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> </head> <script> $(function() { $("div.fadein_1").fadeIn(1000); setInterval(function(){ $("div.fadein_2").delay(4000).fadeIn(1000, function(){ $("div.fadein_3").delay(4000).fadeIn(1000, function(){ $("div.fadein_2").attr('style', 'display:none;'); $("div.fadein_3").fadeOut(1000, function(){ clearQueue(); }); }); }); }, 0); }); </script> <div class="fade"> <div class="fadein_1" style="display:none;"></div> </div> <div class="fade"> <div class="fadein_2" style="display:none;"></div> </div> <div class="fade"> <div class="fadein_3" style="display:none;"></div> </div>
- ベストアンサー
- JavaScript
- (jQuery)どこがエラーなのか分からない
●質問の主旨 下記のコードはどこが間違いでしょうか? Javascriptコンソールでも特にエラー表示がされません。 ご存知のかたご教示願います ●コードの意図 1.ボタン要素(button)をクリック 2.非表示(none)にされていたdiv要素(赤い正方形)が出現する ●コード (click.html) <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>JavaScriptの勉強</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> </head> <body> <h1>JavaScriptの勉強</h1> <script> $(function() { $("button").click(function() { $("target").show('slow'); }); }); </script> <p><button id='button'>クリック</button></p> <div id="target" style="display"; none; width: 150px; height:150px; background-color: red;></div> </body> </html>
- ベストアンサー
- JavaScript
- JQueryでのAJAXで困ってます
最近AJAXを勉強しようと思い、JQueryに手を出しました。 JQueryで画面遷移無しでdivで作ったメニューを選択して内容を指定したdivに表示させようと思っているのですが、 JQueryでのloadの動作がブラウザの違いで異なる動きをするので困ってます。 IEでは内容が表示されて、新しく表示した部分のJavaScriptが正しく動くのでいいのですが、 Firefox、Operaでは新しく表示した部分のJavaScriptが動作しません。 Chromeでは新しく表示した部分のCSSでさえ適用されません。 IE以外でも正しく動作させるにはどうしたらいいでしょうか? ご回答、よろしくお願いします。
- ベストアンサー
- AJAX
- jQueryについて教えてください
現在ドットインストールでjQueryを勉強しています いきなりつまずいたといいますかエラー?があります 以下のコードなのですが文字色(<p>)が赤色になりません なぜでしょうか? このコードではjQueryはDLせずに読み込ませています DLしたほうがいいでしょうか? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <head> <body> <p>jQueryの練習</p> <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script> $(function () { $('p').css('color', 'red'); }); </script> </body> </html>
- ベストアンサー
- JavaScript
- 横幅100%指定でも崩れないボックスを作りたい
簡単に書きますが、このようなボックスがあったとします。 <style> .box { width: 100%; height: 150px; } </style> <div class="box"> テスト </div> このような例ですと、ウインドウサイズを変えるとボックスの中が崩れてしまうことがあります。 どうにかして横幅100%指定のボックスでも崩れないようなものを作りたいです。 試行錯誤しましたが、私の未熟な知識ではわかりませんでした。 どうかご回答願います。
- 締切済み
- CSS
- jQueryでCSSの背景画像を切り替えたい
見出しをクリック後にCSSで指定している背景画像を変えるため、jQueryでCSSを変更させてみたところ上手くいきません。 jQueryで指定する変更後の背景画像を絶対パスに換えたら上手くいったので、 パスの指定方法が悪いところまでは分かったのですが、相対パスでの指定方法がわからなくなりました。 WordPress環境で下記のコードを使用しています。 ご教授の程、よろしくお願い致します。 【 jQuery】 ○ディレクトリ : テーマフォルダ/js/change.js jQuery(function() { jQuery("h3 div.class").hide(); jQuery("h3").click(function() { jQuery(this).next().slideToggle("fast"); jQuery(this).css("background-image" , "url('img/pic2.jpg')"); }); }); 【CSS】 ○ディレクトリ : テーマフォルダ/style.css h3 { background: #7c8187; background-image: url(img/pic.jpg); cursor: pointer; } 【画像】 ○ディレクトリ : テーマフォルダ/img/pic.jpg テーマフォルダ/img/pic2.jpg
- ベストアンサー
- CSS
お礼
ありがとうございます。