Q&A
具体例としてhtmlと一致パターンもご提示ください
html
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title>sample</title> 6<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 7</head> 8<body> 9<div id="sample"> 10 <div class="test1"></div> 11 <div class="element"></div> 12 <div class="elements"></div> 13</div> 14</body> 15</html>
var lines = $("#sample").children(); for(var i=0; i < lines.length; i++) { var line = lines.eq(i); //例えばlineがクラス名「ele」を持っているか判定するには？ //line.hasClass("ele") //エラー }
lineのclass名取得して文字検索して
IF判定にかければいいのですが
もしかしたらhasClassの部分一致版みたいな
メソッドがあるのではないかと思い質問させていただきました。
hasclassは全要素全体が対象となります
'[class^="ele"]'
jqueryのバージョンが関係あれば
合わせてお教えいただけると助かります。
よろしくお願い致します。
調べてやってみたこと
hasclass 部分一致で検索、全体から部分一致検索はわかるが
現在捜査対象の要素に対しての処理がわからない
あと[jQuery hasClass 部分一致]で検索するとそれっぽいやり方は出てきますがどこまで確認されましたか？「調べて、やってみたこと」を具体的に記載してください。
回答2件
0
hasClass の部分一致版
もしかしたらhasClassの部分一致版みたいな
メソッドがあるのではないかと思い質問させていただきました。
ありませんので、必要なら自作して下さい。
classList を繰り返し検査すれば、実装できます。
[class*="ele"]
[class*="ele"] は一見、期待通りに動作しているように見えますが、classトークン名の中でも部分一致となり、次の要素にもマッチしてしまいます。
HTML
1<p class="telephone">
classトークンで前方一致する為には、「先頭」及び「区切り文字」を指定する必要があります。
JavaScript
1jQuery('#sample>[class^="ele"],#sample>[class*=" ele"]');
class属性値で使える区切り文字は空白文字全般なので、完全対応する為には空白文字を一つ一つ指定しなければなりません。
Re: deep さん
投稿2018/05/26 04:52
編集2018/05/26 05:00
総合スコア18162
0
ベストアンサー
hasClassの部分一致版はないようですが、
セレクタを指定する際にご提示の前方一致のやり方を提示されていますが、
その部分一致版はあるようです。
要素*=検索名称
これをchildren()でかけたりその中でもdivを指定するなどして範囲を限定できます。
例：
js
1var lines = $("#sample").children("div[class*=ele]");
ご提示のjQueryバージョンで確認できました。
投稿2018/05/26 04:06
総合スコア80850
あなたの回答
tips
プレビュー
