+ jQuery 質問用スレッド vol.7 +
- 1 :Name_Not_Found:2016/06/24(金) 15:41:34.46 ID:???.net
- JavaScriptで一番有名なDOM用関数型風ライブラリであるjQueryのスレです。
jQueryを使うとJavaScript単体では面倒な処理でもほんの数行で実現可能になります。
一部でもうjQueryは要らない等と言ってますが、あれはjQueryよりも導入が大変な
フレームワークを導入したらいらなくなるって話であって、従来通りHTMLにちょっと
動きをつけたい程度ならjQueryが最適です。
jQuery以外のライブラリの質問はライブラリ総合質問所で質問して下さい。
ライブラリ以外の質問はJavaScriptスレで質問して下さい。
■過去スレ (※vol3はありません。大人の事情でライブラリ総合質問所を乗っ取りました。)
+ JavaScript & jQuery 質問用スレッド vol.6 + [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/hp/1465566635/
+ JavaScript & jQuery 質問用スレッド vol.5 + [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/hp/1452081417/
jQuery ライブラリ 総合質問所 vol.4
http://peace.2ch.net/test/read.cgi/hp/1400313626/
■関連スレ
+ JavaScript の質問用スレッド vol.120 + [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/tech/1463914293/
+ JavaScript の質問用スレッド vol.130 + [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/hp/1463395557/
JavaScript ライブラリ総合質問所 vol.5 [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/hp/1465399470/
- 87 :Name_Not_Found:2016/10/29(土) 08:57:58.22 ID:???.net
- >>84
コードの書き方がいろいろおかしい
同じオブジェクトを参照するなら function func1() {
return { 'year': 2016, 'month': 10 };
}
が不要
year, month も一時変数なので不要
var obj = { 'year': 2016, 'month': 10 };
これだけで良い
これ以上はJSスレで
- 88 :Name_Not_Found:2016/11/03(木) 08:04:31.06 ID:FerPc7S6.net
- 質問お願いします。
スライドショーの上に常に違う画像を重ねて表示させたく
https://allabout.co.jp/gm/gc/417216/2/
を参考にしてスライドショーはできたのですが
上に画像を重ねる方法がわかりませんでした。
知恵袋で似てる質問はあったのでチャレンジしてみたのですが
上記のサイトとは違うコードの組み方のようで結局出来ずに終わりました。
ほとんど調べながらコピペしてる状態の初心者なので、初歩的な質問かもしれませんが
もしご存じの方がいらっしゃいましたら教えていただきたいです。
また、解説してるサイト等ありましたら貼っていただけると助かります。
よろしくお願いします。
- 89 :Name_Not_Found:2016/11/03(木) 08:18:25.97 ID:???.net
- >>88
現行スレはこちら
+ JavaScript & jQuery 質問用スレッド vol.6 + [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/hp/1465566635/
- 90 :Name_Not_Found:2016/11/03(木) 08:31:12.68 ID:???.net
- >>89
ありがとうございます。
そちらで質問させていただきます。
- 91 :Name_Not_Found:2016/11/19(土) 13:37:08.41 ID:???.net
- バージョン1系から3系に入れ替えたら、IE11でローカルファイルを開くとAjaxが動かなくなったけど、
どうすれば良いの?サーバに入れると正常に動作するのに。
- 92 :Name_Not_Found:2016/11/19(土) 18:38:14.52 ID:???.net
- >>91
現行スレはこちら
+ JavaScript & jQuery 質問用スレッド vol.6 + [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/hp/1465566635/
- 93 :Name_Not_Found:2016/11/26(土) 23:19:51.36 ID:???.net
- 画像の遅延ロードってlazyloadでしか無理なの?
- 94 :Name_Not_Found:2016/11/28(月) 13:30:55.11 ID:???.net
- >>93
同等の機能を自分で実装すればいけるよ
昔は自分でやってたもんだ
- 95 :Name_Not_Found:2016/12/18(日) 12:27:31.41 ID:???.net
- 現行スレはこちら。
■jQueryスレ
jQuery 質問スレッド vol.7
http://echo.2ch.net/test/read.cgi/hp/1478055094/
■ライブラリスレ
JavaScript ライブラリ総合質問所 vol.5
http://echo.2ch.net/test/read.cgi/hp/1465399470/
■JavaScriptスレ
JavaScript の質問用スレッド vol.131
http://echo.2ch.net/test/read.cgi/hp/1478053599/
JavaScript の質問用スレッド vol.122
http://echo.2ch.net/test/read.cgi/tech/1472426483/
JavaScript(ECMAScript)質問用スレッド vol.122
http://echo.2ch.net/test/read.cgi/tech/1472401404/
- 96 :Name_Not_Found:2017/06/04(日) 20:49:35.14 ID:???.net
- jQuery初心者ですが、サイト内で複数のmp3を順に自動再生させたいのですが、
ぐぐって出てきたページに
↓このようなコードがあり、ページ中のボタンを押すと再生が始まる仕組みになっているのですが、
ボタンを押さなくてもページが表示された時点で自動再生されるようにするには一体どうすればいいのでしょうか?
〜冒頭省略〜
$( "#button_play_all" ).click( function () {
var mySources = $( "#media_player" ).children( "source" );
var myAudioPlayer = document.getElementById( "media_player" );
myAudioPlayer.addEventListener( "ended", function () {
〜以下省略〜〜
- 97 :Name_Not_Found:2017/06/04(日) 20:51:23.04 ID:???.net
- >>96 続き・・
<!-- 再生開始ボタン -->
<input id="button_play_all" type="button" value="全ファイル連続で再生" />
<!-- mp3を用意する(HTML5タグ) -->
<audio hidden name="media" preload="auto" id="media_player">
<source src="mp3のファイルパス" type="audio/mp3">
<source src="mp3のファイルパス" type="audio/mp3">
</audio>
ぐぐって出てきたページ↓
https://lightz.info/index.php/view/226?continue=1#continue
- 98 :Name_Not_Found:2017/06/04(日) 23:44:29.83 ID:???.net
- >>96
autoplay 属性というのがある
<audio autoplay …
ただし、ブラウザ設定でブロックされている場合はどうやっても無理だろう(ユーザに強制できない)
- 99 :Name_Not_Found:2017/06/05(月) 00:04:54.08 ID:???.net
- >>98
ありがとうございます。
1ファイルなら簡単に再生できるのですが、複数のファイルを順に再生する方法がわかりません。
サンプルコードではそこが実現できているのですがページ内のボタンをクリックする必要があります。
$( "#button_play_all" ).click( function () {
↑この部分がボタンクリックで実行する制御をおこなっているようですが
ここを省略して以下のコードを実行させるように書く方法がわかりません。
- 100 :Name_Not_Found:2017/06/05(月) 02:36:34.55 ID:???.net
- >>99
autoplay で再生が始まったときのイベントを捕まえて
そのサンプルコードと似たコードを走らす必要があるだろうね
- 101 :Name_Not_Found:2017/06/20(火) 15:56:57.75 ID:???.net
- まさにこれ
http://hayabusa9.2ch.net/test/read.cgi/news/1497923973/16
ライブラリをネットで探して組み立てるだけ
楽なんだよな
- 102 :Name_Not_Found:2017/12/12(火) 04:01:58.71 ID:MrUcGD8N.net
- HPで友達が稼げるようになった情報とか
⇒ http://asaswq3wq.sblo.jp/article/181819223.html
興味がある人だけ見てください。
TQZPQYA2JW
- 103 :Name_Not_Found:2018/02/18(日) 20:15:41.37 ID:???.net
- ☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が3分の2を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆
- 104 :Name_Not_Found:2018/05/01(火) 22:12:18.40 ID:l1wYHpV1.net
- 誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
5OKLJ
- 105 :Name_Not_Found:2018/05/05(土) 17:42:19.13 ID:???.net
- let $div = $('<div>')..append('<span>')
としてからspanにclassを追加したい場合はどうやればいいですか?
- 106 :Name_Not_Found:2019/02/23(土) 19:36:35.09 ID:???.net
- x = (x === 0) ? y : x++;
この書き方間違ってますか?
ifに書き換えたら普通に動くのですが、これはダメでした。
- 107 :Name_Not_Found:2019/02/23(土) 23:11:58.51 ID:???.net
- >>106
x = x++;
- 108 :Name_Not_Found:2019/06/03(月) 16:33:20.18 ID:???.net
- izimodal使ってる人がいたら教えて欲しいんだけど閉じるボタンの色変えるのどこ弄ったら良いですか?
オプションのIconColor設定しても変わらんし、izi Modal.cssでicon関連の色変えてみても反映されないの…
- 109 :Name_Not_Found:2019/06/05(水) 14:47:29.13 ID:???.net
- >>106
やりたいのはこんな感じ?
<!doctype html>
<html>
<head><meta charset=”utf−8”></head>
<body>
<script>
let x = 0;
const y = 5;
console.log(”x: ”+x);
console.log(”y: ”+y);
if (x === 0) {
x = y
} else {
x++;
}
console.log(”x: ”+x);
if (x === 0) {
x = y
} else {
x++;
}
console.log(”x: ”+x);
</script>
</body>
</html>
- 110 :Name_Not_Found:2019/06/05(水) 14:49:43.58 ID:???.net
- こうかな
<!doctype html>
<html>
<head><meta charset=”utf−8”></head>
<body>
<script>
let x = 0;
const y = 5;
console.log(”x: ”+x);
console.log(”y: ”+y);
x = (x === 0) ? y : x+1;
console.log(”x: ”+x);
x = (x === 0) ? y : x+1;
console.log(”x: ”+x);
</script>
</body>
</html>
- 111 :Name_Not_Found:2019/06/05(水) 14:53:34.57 ID:???.net
- 【要点】
>>106
> x = (x === 0) ? y : x++;
>
> この書き方間違ってますか?
x = (x === 0) ? y : x+1;
- 112 :Name_Not_Found:2019/06/05(水) 18:16:49.43 ID:???.net
- >>109-110
全角読みづらい
- 113 :Name_Not_Found:2019/06/05(水) 18:22:48.19 ID:???.net
- >>112
半角だと投稿できないからな
まともなテキストエディタなら「半角⇒全角」は5秒かからないな
>>111 は読めるよね
- 114 :Name_Not_Found:2019/06/06(木) 08:27:37.48 ID:???.net
- >>113
まともなプログラマなら、jsfiddleやcodepen等の外部サイトを使う
- 115 :Name_Not_Found:2019/06/06(木) 14:05:05.55 ID:???.net
- 煽らないと死ぬ病気かあ
- 116 :Name_Not_Found:2019/06/06(木) 18:51:03.28 ID:???.net
- 目には目を
- 117 :Name_Not_Found:2019/06/08(土) 12:57:38.01 ID:???.net
- 先日、どっかの外部サイトがサービス提供終了になってなかったっけ
- 118 :Name_Not_Found:2019/06/19(水) 19:47:26.91 ID:???.net
- 下記のようなtableに対して
<table>
<tbody>
<tr>
<td><input type="checkbox"></td>
<td><input name="tes" value="1"></td>
</tr>
</tbody>
</table>
checkboxをクリックしたら兄弟のinputのvalueを取得したかったのですが下記のコードを試してもvalueは取れませんでした
$('input:checkbox').on('click',function(e)){
var tes = $(this).closest('tr').children('td:eq(1)').val();
});
どう書けば良いかお教え下さい
- 119 :Name_Not_Found:2019/07/28(日) 06:54:08.31 ID:G4QBZ3uk.net
- Showroom を見るときに、多くのアバターが邪魔なので削除していますが、
要素を削除するのに、一々、その親要素を取得して、親から子要素削除するのは、面倒
var elem = document.getElementById('js-avatar');
elem.parentNode.removeChild(elem);
- 120 :Name_Not_Found:2019/07/28(日) 09:21:15.51 ID:???.net
- ずさん管理 札幌ひばりが丘病院と元薬剤師ら書類送検
https://dai.ly/x6lbwph
- 121 :Name_Not_Found:2019/07/30(火) 00:04:58.05 ID:???.net
- https://i.imgur.com/KhorWvs.jpg
- 122 :Name_Not_Found:2019/09/02(月) 21:37:41.12 ID:???.net
- window.openで新しくタブを開き、input要素に文字を入れたいのですがどうのように刷れば良いでしょうか?
仮にjquery.comの検索ボックスに入力するとして、
var foo = window.open("jquery.com");
foo.$(".ds-input").val(333);
としたら出来ました!!?!?!?
さっきまでは出来なかったんですが・・・すいません
ありがとうございました
- 123 :Name_Not_Found:2019/09/02(月) 21:43:15.45 ID:???.net
- var foo = window.open("jquery.com");foo.$(".ds-input").val(333)
と一行で書くと駄目みたいです
jqeuryが読み込まれていないせいでしょうか
- 124 :Name_Not_Found:2019/10/02(水) 14:18:17.64 ID:???.net
- jQ勉強中です。containsを覚えました。ですが、例えば
$('td:contains("abc")')
という指定をすると、td自体だけでなくその子孫要素のどれか1つにでもabcを含むとマッチしてしまいますが、そうじゃなく、
td要素自体が直接abcというテキストを持っている要素だけにマッチするようにするにはどうしたらいいでしょうか?
- 125 :Name_Not_Found:2020/02/01(土) 11:30:43 ID:???.net
- <div class="result"></div>にajaxを使って
.done((data) =>{
$('.result').html(data);
})
でtableを表示してるのですが、
そのtableをマウスクリックした明細行の情報を取得することは可能ですか?
- 126 :Name_Not_Found:2020/02/29(土) 22:05:16 ID:???.net
- すみません、わかる方がいらっしゃれば教えていただけないでしょうか。
<table>
<tr class = '010'> <td>あ</td>い<td>う</td>え<td>お</td> </tr>
<tr class = '010'> <td>か</td>き<td>く</td>け<td>こ</td> </tr>
<tr class = '020'> <td>さ</td>し<td>す</td>せ<td>そ</td> </tr>
<tr class = '010'> <td>た</td>ち<td>つ</td>て<td>と</td> </tr>
<tr class = '010'> <td>な</td>に<td>ぬ</td>ね<td>の</td> </tr>
<tr class = '020'> <td>は</td>ひ<td>ふ</td>へ<td>ほ</td> </tr>
<tr class = '010'> <td>ま</td>み<td>む</td>め<td>も</td> </tr>
<tr class = '030'> <td>や</td>ゆ<td>よ</td>?<td>!</td> </tr>
</table>
【やりたいこと】
「き」のセルをクリックしたら同じclass='010'の中で直後にあたる
「た」行のみ背景色を変えたい。
【困っていること】
以下のようなコードを書いたのですが、当然のことながらclass='010'である
すべての行の色が変わってしまいます。($(this)は「き」の<td>です)
$(this).parent().siblings('.010').css("background-color", "#ffcccc");
これをclass='010'である行の内、「き」の<td>が含まれる列の直後の列に
限定することはできるのでしょうか。
- 127 :Name_Not_Found:2020/07/24(金) 07:06:56.94 ID:???.net
- そもそも「き」はテキストノードでtd要素になってない。htmlから勉強しなおしてください。
- 128 :Name_Not_Found:2020/07/24(金) 11:49:34.74 ID:???.net
- 半年経ってやっと回答付いてるww
- 129 :Name_Not_Found:2022/08/19(金) 00:59:08.21 ID:cMF1ija4.net
- すんませんjQueryの質問なんやけど
eachでliタグの子要素のimgタグを取得してalt属性を追加して値はliタグの子要素のemタグのテキストにしたいんだが
全部のliタグの子要素のemタグのテキストを追加してしまう
対応するliタグの子要素のemタグのテキストをそれぞれ追加したいんや!
おせーてくれ!!たのんます!!
- 130 :Name_Not_Found:2022/08/19(金) 13:26:40.78 ID:???.net
- li タグの子の、img タグのalt 属性に、
同じliタグの子の、em タグのテキストを設定する
<li><img src="a.jpg"><em>あい</em></li>
<li><img src="b.jpg"><em>abc</em></li>
$( function ( ) {
$( 'li' ).each( function( ) {
const that = $( this );
that.children( 'img' ).attr( 'alt', that.children( 'em' ).text( ) );
} );
} );
結果
<img src="a.jpg" alt="あい">
<img src="b.jpg" alt="abc">
- 131 :Name_Not_Found:2022/09/21(水) 13:20:03.39 ID:???.net
- 生のDOMを取得するときには
$("#unko")[0]
ってやるけど、これって正式な手順なの? それとも有名な裏技扱い?
DOM取得メソッドって存在するっけ?
- 132 :Name_Not_Found:[ここ壊れてます] .net
- >$("#unko")[0]
単に、これじゃダメなのか?
abc クラスが2つ以上あればダメだけど、1つならどう?
const abc = $( '.abc' );
- 133 :Name_Not_Found:[ここ壊れてます] .net
- .get(0)
- 134 :132:2022/09/24(土) 00:37:46.06 ID:???.net
- >>132
修正
>const abc = $( '.abc' );
これはダメでした!
やっぱり以下のように、インデックスも必要でした
const abc = $( '.abc' );
abc[0]
- 135 :Name_Not_Found:2022/10/26(水) 18:08:48.79 ID:???.net
- bxsliderとlightboxを組み合わせて使うと、
lightboxのグループ化がバグって同じ内容が2つずつ表示されてしまうのですが、
回避方法は無いでしょうか。。。
- 136 :Name_Not_Found:2022/12/01(木) 22:49:59.10 ID:???.net
- jQueryをマスターしたいので、おすすめの解説書を教えて下さい。
47 KB
新着レスの表示
掲示板に戻る
全部
前100
次100
最新50
read.cgi ver 2014.07.20.01.SC 2014/07/20 D ★