+ jQuery 質問用スレッド vol.7 +at HP
+ jQuery 質問用スレッド vol.7 + - 暇つぶし2ch119:Name_Not_Found
19/06/19 19:47:26.91 .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();
});
どう書けば良いかお教え下さい

120:Name_Not_Found
19/07/28 06:54:08.31 G4QBZ3uk.net
Showroom を見るときに、多くのアバターが邪魔なので削除していますが、
要素を削除するのに、一々、その親要素を取得して、親から子要素削除するのは、面倒
var elem = document.getElementById('js-avatar');
elem.parentNode.removeChild(elem);

121:Name_Not_Found
19/07/28 09:21:15.51 .net
ずさん管理 札幌ひばりが丘病院と元薬剤師ら書類送検
URLリンク(dai.ly)

122:Name_Not_Found
19/07/30 00:04:58.05 .net
URLリンク(i.imgur.com)

123:Name_Not_Found
19/09/02 21:37:41.12 .net
window.openで新しくタブを開き、input要素に文字を入れたいのですがどうのように刷れば良いでしょうか?
仮にjquery.comの検索ボックスに入力するとして、
var foo = window.open("jquery.com");
foo.$(".ds-input").val(333);
としたら出来ました!!?!?!?
さっきまでは出来なかったんですが・・・すいません
ありがとうございました

124:Name_Not_Found
19/09/02 21:43:15.45 .net
var foo = window.open("jquery.com");foo.$(".ds-input").val(333)
と一行で書くと駄目みたいです
jqeuryが読み込まれていないせいでしょうか

125:Name_Not_Found
19/10/02 14:18:17.64 .net
jQ勉強中です。containsを覚えました。ですが、例えば
$('td:contains("abc")')
という指定をすると、td自体だけでなくその子孫要素のどれか1つにでもabcを含むとマッチしてしまいますが、そうじゃなく、
td要素自体が直接abcというテキストを持っている要素だけにマッチするようにするにはどうしたらいいでしょうか?

126:Name_Not_Found
20/02/01 11:30:43 .net
<div class="result"></div>にajaxを使って
.done((data) =>{
  $('.result').html(data);
})
でtableを表示してるのですが、
そのtableをマウスクリックした明細行の情報を取得することは可能ですか?

127:Name_Not_Found
20/02/29 22:05:16 .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>�


128:ス</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>が含まれる列の直後の列に 限定することはできるのでしょうか。



129:Name_Not_Found
20/07/24 07:06:56.94 .net
そもそも「き」はテキストノードでtd要素になってない。htmlから勉強しなおしてください。

130:Name_Not_Found
20/07/24 11:49:34.74 .net
半年経ってやっと回答付いてるww

131:Name_Not_Found
22/08/19 00:59:08.21 cMF1ija4.net
すんませんjQueryの質問なんやけど
eachでliタグの子要素のimgタグを取得してalt属性を追加して値はliタグの子要素のemタグのテキストにしたいんだが
全部のliタグの子要素のemタグのテキストを追加してしまう
対応するliタグの子要素のemタグのテキストをそれぞれ追加したいんや!
おせーてくれ!!たのんます!!

132:Name_Not_Found
22/08/19 13:26:40.78 .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">

133:Name_Not_Found
22/09/21 13:20:03.39 .net
生のDOMを取得するときには
$("#unko")[0]
ってやるけど、これって正式な手順なの? それとも有名な裏技扱い?
DOM取得メソッドって存在するっけ?

134:Name_Not_Found
[ここ壊れてます] .net
>$("#unko")[0]

単に、これじゃダメなのか?
abc クラスが2つ以上あればダメだけど、1つならどう?

const abc = $( '.abc' );

135:Name_Not_Found
[ここ壊れてます] .net
.get(0)

136:132
22/09/24 00:37:46.06 .net
>>132
修正
>const abc = $( '.abc' );
これはダメでした!
やっぱり以下のように、インデックスも必要でした
const abc = $( '.abc' );
abc[0]

137:Name_Not_Found
22/10/26 18:08:48.79 .net
bxsliderとlightboxを組み合わせて使うと、
lightboxのグループ化がバグって同じ内容が2つずつ表示されてしまうのですが、
回避方法は無いでしょうか。。。

138:Name_Not_Found
22/12/01 22:49:59.10 .net
jQueryをマスターしたいので、おすすめの解説書を教えて下さい。

139:過去ログ ★
[過去ログ]
■ このスレッドは過去ログ倉庫に格納されています


最新レス表示
レスジャンプ
類似スレ一覧
スレッドの検索
話題のニュース
おまかせリスト
オプション
しおりを挟む
スレッドに書込
スレッドの一覧
暇つぶし2ch