+ JavaScript & jQuery 質問用スレッド vol.7 + [無断転載禁止]©2ch.net (711ﾚｽ)
上下前次1-新
163: 2019/08/06(火)02:31 ID:??? AAS
初心者です。jQueryの質問ですが、hoverである要素にオン、オフの動作を設定するのはいいとして、
その「ある要素」が結構サイズ的に大きいと、そのページを開いた時に最初っからその要素にマウスポインタが乗ってる場合があり
その場合オン時の動作をしてくれない （一旦マウスポインタをわざと要素から外して、改めて乗せないとオンの動作をしない）
という問題に対して、セオリー的な解決方法ってどんなものなんでしょうか？
164: 2019/08/06(火)22:35 ID:??? AAS
オンオフの設定をしない
165(1): 2019/09/03(火)01:09 ID:??? AAS
foreach で return が使えないようなのですが、値を外で受け取る方法はないのでしょうか？
現状、外に空の配列を置いて、そこへ push しています。
166: 2019/09/03(火)01:10 ID:??? AAS
>>165 です
スレ間違えました。
失礼しました。
167: 2019/10/18(金)13:29 ID:oSokD+hH(1) AAS
質問です。
テキストフォームに入力されたデータを取得し、処理を行ってから表示させようとしています。
$(document).ready(function () {
$("#Button1").click(function () {
inputText = $("#Text1").val();
$("#output").text(inputText);
})
})
上記の"inputText"に下記の処理を行ってからアウトプットしたいのですが、この場合どのように書けばよいのでしょうか？
$("span:not([class])").each( function(i){
省3
168(4): 2019/10/19(土)08:39 ID:??? AAS
inputText は、文字列だよ。
文字列に対して、childNodes など、DOM 操作は出来ない
文字列は、DOMじゃない。
文字列を異なる文字列に、変えたりは出来るけど
何をしたいのか、説明すれば？
169: 2019/10/19(土)13:14 ID:JDRmy4uY(1) AAS
>>168
ありがとうございます。
やりたいことは、htmlのソースコードからclassが指定されていない<span>と、それを閉じる</span>を削除することです。
<span>あ<span class="a">い</span>う</span>
のようにspanタグが入れ子になっているケースで、タグと閉じタグの対応を維持したまま
あ<span class="a">い</span>う
のようにするのがうまくいかずに苦戦しています。
170(1): 168 2019/10/19(土)14:45 ID:??? AAS
普通は、ある要素を削除すれば、
その内側に存在する、すべての要素も削除される
そうしたくないなら、削除の際に、条件を付けないといけない
「jquery dom 削除 条件」で検索すれば？
171(1): 168 2019/10/19(土)15:12 ID:??? AAS
remove( 式 )
引数に、選択条件式を指定することで、削除する要素を絞り込める。
式に、子孫要素に、classが指定されている<span>がある場合に、
その要素を一旦コピーしておいて、
先祖要素を削除してから、その削除した所に、付け替える
unwrap( ) もある。
これは、子要素から見て、単にその親要素を削除する
172: 2019/10/19(土)22:34 ID:??? AAS
>>170-171
ありがとうございます。ほとんどパズルですね…。
173: 2019/10/20(日)00:14 ID:??? AAS
どこの誰が書いたかもわからんページをスクレイピングするような場合を除けば、
パズルにならないよう、htmlのほうを操作しやすいように書けばいいだけ
174: 168 2019/10/20(日)06:52 ID:??? AAS
親・子要素だけに限定されているなら、unwrap( ) を使えるけど、
先祖・子孫要素の関係もあり得るのなら、複雑すぎて無理
x・y で例えれば、上は単純で、unwrap( )を使えるけど、
下は複雑
<x>
<y></y>
<y></y>
</x>
<x>
<y></y>
省2
175: 2019/11/09(土)19:58 ID:??? AAS
cssも絡んでたら面倒だし
176: 2019/12/02(月)23:17 ID:mYdyaaV4(1) AAS
table の中に沢山のtrが有る場合、
5番目から８番目までのtrを取り出してtableにしたいんですが
どうやればよいですか？
177(1): 2019/12/04(水)05:51 ID:??? AAS
以下は、#src から、#dest へ、インデックス1, 2 の、2つの要素をコピーする。
clone( true ) とすると、イベントや変数なども合わせて複製される（デフォルトはfalse）
<table id="src"></table>
<table id="dest"><tbody></tbody></table>
$( "#src tr" ).slice( 1, 3 ).clone( ).appendTo( "#dest > tbody" )
178: 2019/12/05(木)01:01 ID:/HufYru8(1) AAS
>>177
頭いいな。
179(1): 2020/01/27(月)21:53 ID:hWzt81fy(1) AAS
jQueryというかcss含む質問ですが。
<dl>
<dt>項目１</dt><dd>本文１本文１</dd>
<dt>項目２</dt><dd>本文２本文２本文２</dd>
・・・
</dl>
dl {columns: 2;}
dd {display: none;}
dt.open + dd {display: block; }
$('dt').click(function(){
省11
180(2): 2020/01/27(月)22:16 ID:??? AAS
columnsは要素を並べるものではなくその要素のテキストを段組みするものなので
flexやgridを使いましょう
181: 2020/01/27(月)22:49 ID:??? AAS
>>180
それ上のHTMLではどう書くのでしょうか？
dt/ddがdivでまとまってれば簡単なのですが。
182(3): 2020/01/28(火)04:27 ID:??? AAS
トグル処理を作ってみた
visibility: hidden なら、display: none と違って、
見えない要素でも、常に存在しているから、場所がズレない！
dt, dd { display: block; }
dd { visibility: hidden; }
$( 'dt' ).click( function( ) {
dd = $( this ).next( ) // 直後の弟のdd
if ( dd.css( "visibility" ) === "visible" ) {
dd.css( "visibility", "hidden" )
} else {
省3
上下前次1-新書関写板覧索設栞歴
あと 529 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.011s