jQueryのセレクタで、"btn01 bi"という要素内のspanを
指定したいと思っています。
しかし、以下の書き方ではダメなようです。

$('.btn01 bi span').click(function(){ …

スペースが含まれるからなのはわかりますが、この場合はどう書けば
良いのでしょうか?
ご教授ください。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

classは、


【引用】____________ここから
class = cdata-list [CS]
 この属性は、ある要素に1つのクラス名を割り当てるか、または複数のクラス名を設定する。 幾つの要素に対してでも、同じクラス名あるいはクラス名群が割り当てできる。複数のクラス名については、空白文字によって区切らねばならない。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[The global structure of an HTML document (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
半角スペースで区切られた値のリストとして機能します。
 よって
<span class="btn01 bi"></span>
>"btn01 bi"という要素内のspanを
ではなくて
「class属性の値リストに(btn01,bi)をもつspan要素を指定する」
には、
$('span.btn01.bi').click(function(){
です。

「class属性の値リストに(btn01,bi)をもつ要素内のspan」
  (例)<p class="btn01 bi"><span>・・・
の場合は、
$('p.span.btn01 span').click(function(){
または
$('*.span.btn01 span').click(function(){ p要素に限定しない
$('.span.btn01 span').click(function(){ p要素に限定しない
あるいは、

 「class属性の値リストに(btn01,bi)をもつ要素の直接の子どもであるspan」
の場合は
$('p.span.btn01>span').click(function(){
または
$('*.span.btn01>span').click(function(){ p要素に限定しない
$('.span.btn01>span').click(function(){ p要素に限定しない

 基本的には、
セレクタ( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )と同じです。
    • good
    • 0

"btn01 bi"は要素ではなくclassですよね?



".btn01.bi span"のようにクラスを連続させて指定してみてください。

対象を直下のspanに限定するときは スペースを>にしてください。
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qスペースを認識させての検索

gooなど、検索エンジンを利用する際に、スペースを使うと、AND検索(複数キーワード検索)になってしまいます。
人名などで検索する際に、スペースとして認識させて検索をしたい際に、利用できる方法はないのでしょうか?
いろいろと調べる際に、通常の単語と人名が似ている際など、検索がうまくいかないときがあります。通常ネット上では、人名はスペースで区切られて掲載されておりますので、スペースが検索できると、非常に便利になります。
ご存知の方、お教えください。

Aベストアンサー

Googleに限れば
半角スペースを含む文字列を""で囲むとAND検索にはならず、囲まれた文字列を検索します。

QjQueryセレクタで指定要素の子要素の最後に追加

■現状
<div class="a">
 <fieldset class="b"></fieldset>
 <fieldset class="b"></fieldset>
 <div class="c"></div>
</div>

・上記の時、ボタンを押したら<fieldset>の最後に新たな<fieldset>をjQueryで追加するにはどうすればよいでしょうか?
・特にセレクタ部分が分かりません

■やりたいこと
<div class="a">
 <fieldset class="b"></fieldset>
 <fieldset class="b"></fieldset>
 <fieldset class="b">新規挿入</fieldset>
 <div class="c"></div>
</div>

■現状js
$(document).on('click', 'ボタンのクラス名', function(){
 $(".a").find("fieldset").last("ここら辺が分からない").append('<fieldset

Aベストアンサー

何種類か考えてみました。
基本的には最後のfieldsetを選択してafterで追加します

$('.a > fieldset:last').after('<fieldset class="b">新規挿入</fieldset>')
$('.a').children('fieldset:last').after('<fieldset class="b">新規挿入</fieldset>')
$('.a').children('fieldset').last().after('<fieldset class="b">新規挿入</fieldset>')
$('.b:last').after('<fieldset class="b">新規挿入</fieldset>')
$('.b').last().after('<fieldset class="b">新規挿入</fieldset>')
$('.c').before('<fieldset class="b">新規挿入</fieldset>')

QWord2007の全角文字、全角スペースの検索方法

またまた質問申し訳ありません。
Word2007の書類で、全角文字、全角スペースが混じってて、これらを検索して特定したいのですが、
やり方がいまいちわかりません。
過去の質問から、[!0-9a-zA-Z]を入力すれば半角文字以外を検索できるみたいですが、
半角のスペースやコンマを検索してしまいます。
これらの半角スペースやコンマを検索したくないのですが、検索からはずすにはどうすればよいでしょうか?

Aベストアンサー

[ホーム」タブの編集の[検索]を指定して、検索ダイアログを表示します。
検索する文字列に全角スペースを入力します。
[オプション]をクリックし、「あいまい検索」のチェックを外し、半角と全角を区別するにチェックをします。
[検索された項目の強調表示]をクリックし、「すべて強調表示」をクリックすると、全角スペースだけが緑色の蛍光ペンを指定したような状態で表示されます。
[次を検索]で全角スペースだけ一か所ずつ検索もできます。
 
質問は、スペースだけではなくて、全角文字だけを検索したいということでしょうか?
特定の全角文字なら意図はわかるのですが、すべての全角文字を検索というのは、意味が良くわからないのですが・・・
ワイルドカードを使えばできなくはないですが、質問内容からは意図が今一つ分かりません???
 

QjQueryセレクタ/複数要素の指定タグ先頭を選択

・下記で、先頭のli要素だけをセレクタしたいのですが、どうすれば良いでしょうか?
<ul>
 <span>※※※※</span>
 <li>ここが対象</li>
 <li>※※※※※</li>
 <li>※※※※※</li>
</ul>
<ul>
 <span>※※※※</span>
 <li>ここが対象</li>
 <li>※※※※※</li>
 <li>※※※※※</li>
</ul>
<ul>
 <span>※※※※</span>
 <li>ここが対象</li>
 <li>※※※※※</li>
 <li>※※※※※</li>
</ul>

Aベストアンサー

最初のulにある、先頭のliを指定するということでしょうか?
$("ul:nth-of-type(1) li:nth-of-type(1)")

それぞれのulにある先頭のliの場合は
$("ul li:nth-of-type(1)")

cssの話ですが、nth-of-type(n)でn番目の要素を指定できます。
IE8以下では使えません。

Qスペースを含むファイル名の検索

 Windows98で「スタートメニュー」-「検索」でスペースを含むフォルダ名(ms dos等)を検索したいのですが
" "(カッコ)や (スペース)ではうまく検索できません。

検索方法についてご教示願います。

Aベストアンサー

ファイル名やフォルダ名にスペースを含むものを検索したいのですね。
スペースを検索文字列には使用できないと思います。

使用目的を考えると、ファイル名変換ユーティリティーを使うのが簡単なのではないでしょうか。
以下のフリーウェアは、ファイル・フォルダ名中のスペースを一括削除できます。

参考URL:http://www.vector.co.jp/soft/dl/win95/util/se230280.html

QjQuery 階層セレクタとフォームセレクタの混在

いつもお世話になります。

jQueryで、階層セレクタにフォームセレクタを使用すると、一部思うように動作しないセレクタがあります。動作しないのは、例えば以下のセレクタです。

HTML
------
<div id="div1"></div>
<input type="hidden" name="hdn0" value="h1" />
<input type="hidden" name="hdn1" value="h2" />
-----

jQuery
-----
$(function() {
var obj = $("#div1");
alert($("~ input:hidden[name='hdn0']", obj).val());
alert($("~ input:hidden[name='hdn1']", obj).val());
});
-----

上記のセレクタは、階層セレクタで 「prev ~ siblings」 のsiblingsを、フォームセレクタの:hiddenを指定しているのですが、この:hiddenが効いてないみたいなのです。
(:hiddenを外せばとれます)

自分なりに調べてみて、siblingsにはセレクタを指定することができると思っています。
しかしこの認識は間違っているのでしょうか。
宜しくお願いします。

jQuery:1.7.2
(https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.jsを使用)

いつもお世話になります。

jQueryで、階層セレクタにフォームセレクタを使用すると、一部思うように動作しないセレクタがあります。動作しないのは、例えば以下のセレクタです。

HTML
------
<div id="div1"></div>
<input type="hidden" name="hdn0" value="h1" />
<input type="hidden" name="hdn1" value="h2" />
-----

jQuery
-----
$(function() {
var obj = $("#div1");
alert($("~ input:hidden[name='hdn0']", obj).val());
alert($("~ input:hidden[name='hdn1']", obj).val());
});
-----

上記のセ...続きを読む

Aベストアンサー

書式が jQuery('prev ~ siblings') なので文法違いなんだと思います。
objを使いまわしたいのであれば、
obj.siblings(':hidden[name="hdn0"]') か
文法通り$('#div1 ~ :hidden[name="hdn0"]') ですかね。

フォーム要素のname属性は値がユニークなので
:hiddenとかsiblingsとか必要かな?とちょっと思いました。

QACCESS:半角、全角空白スペースを含む文字列の検索

Access2003にて、空白、全角スペースを含む文字列の
検索を行う方法について教えて下さい。

他社から送られてきた検索用のリスト(xls形式)を元に、
商品の検索を下記のフィールドから行っています。
商品フィールドに商品名が約30万行格納されています。
格納されている商品名は間に
半角スペース、全角スペース、スペース無し
など不規則な入力になっています。
(例:東芝除湿機、日立 掃除機、Canon 複合機…)

商品名の検索時に文字列の半角スペースと全角スペースの
指定が異なっていると検索が行えないため困っています。
(例:Canon 複合機で検索時、格納データはCanon 複合機のため検索結果なしになる)

テーブルのスペースを統一、もしくは削除する方法などありますでしょうか。
皆様のお知恵をお貸し下さい。

なお、クエリでtrimを使用したスペースの削除は行ったのですが、
検索時に頻回にErrorが出るようになり断念しました。

Aベストアンサー

replace("東芝除湿機、日立 掃除機、Canon 複合機"," ","",vbtextcompare) で
半角・全角かかわらず全て取り去りますので
テーブル作成クエリなどで処理されたら良いと思います。
そのテーブルをもう更新しないのならインデックスをつければ
検索は速くなると思います。

でも他から来たデータって色々と気をつけないと・・・

Qjqueryで要素の中身を要素の外に出す方法

教えを貸してください。
jQueryを使って、要素を追加したり、削除したりしています。


このようなHTMLがあります。

<div class="fast">
 <div class="second">
  <p><a href="goo.ne.jp">goo</a></p>
 </div>
 <div class="second">
  <p><a href="yahoo.co.jp">yahoo</a></p>
 </div>
 <div class="second">
  <p><a href="google.co.jp">google</a></p>
 </div>
</div>

このとき、yahooへのリンクを含む<div>から外したいのです。

<div class="fast">
 <div class="second">
  <p><a href="goo.ne.jp">goo</a></p>
 </div>
 <p><a href="yahoo.co.jp">yahoo</a></p>
 <div class="second">
  <p><a href="google.co.jp">google</a></p>
 </div>
</div>


対象となるdivとその中身を取得することはできています。
そのdivを消して、divのあった場所に挿入する。
という方法に悩んでいます。

良い方法がありましたら、教えてください。
よろしくお願いします。

教えを貸してください。
jQueryを使って、要素を追加したり、削除したりしています。


このようなHTMLがあります。

<div class="fast">
 <div class="second">
  <p><a href="goo.ne.jp">goo</a></p>
 </div>
 <div class="second">
  <p><a href="yahoo.co.jp">yahoo</a></p>
 </div>
 <div class="second">
  <p><a href="google.co.jp">google</a></p>
 </div>
</div>

このとき、yahooへのリンクを含む<div>から外したいのです。

<div class="fast">
 <div class="secon...続きを読む

Aベストアンサー

実験してませんが…

対象divの前(後でも良い)に、対象divの子要素のクローンを追加。
追加し終わったところで、対象divを削除。

というのではダメでしょうか?

Q検索エンジン(特にYahoo!)のキーワードのスペースの影響

ちょっと不思議に思ったので質問させてください。

たとえば、『富士山周辺の温泉』を検索したいときに、
・「富士山(スペース)温泉」
・「富士山温泉」
と検索する場合、結果が違うのはわかりますが。

・「富士山(スペース)温泉」
で検索したとき、『富士山温泉』という名称のものが検索にHITしません。
(別の語ですが。)

2ヶ月くらい前?までは検索されていたのですが、最近になって出なくなったように見受けられます。
それまでは、スペースが「半角」「全角」でも結果が違っていて、「全角」で検索した際にだけ出ていました。

スペースを挿入するのは、検索される語が、
『富士山の温泉』だったり、『温泉(富士山)』のように連続した単語でない可能性があり、『富士山温泉』はスペースがあろうがなかろうが検索される、と習った(?)のですが、そもそも、その教えられ方が間違っていたのか、検索エンジンでの検索方法(またはHIT方式)が変わってしまったのか自分にはわかりません。

どなたか、ご存知の方がいらしたら教えてください。

Aベストアンサー

Yahoo!の検索エンジンの仕様が公開されていないので確かなことは言えませんが、現象から考えて形態素解析のミスである可能性が高いように思います。

検索エンジンというのは決して字面をそのまま検索しているわけではなく、形態素(≒単語)の単位で処理されているというのはご存知でしょうか? 上の例の場合、"富士山温泉"を"富士山"と"温泉"という二つの形態素に分割し、「"富士山"と"温泉"を含むページ」としてURLを覚えておくわけです。

ここで、形態素解析がミスをして"富士"と"山温"と"泉"のように区切りを間違えたとします。これでも"富士山温泉"で検索する分には問題ありません。検索キーワードも同じように切り間違えるからです。

しかし、"富士山(スペース)温泉"で検索された場合は事情が変わります。間にスペースが入っているので、この検索キーワードは「"富士山"と"温泉"を含むページを探せ」と解釈されます。したがって"富士"と"山温"と"泉"と解釈されたページはヒットしないことになります。

ではなぜ、このような現象が急に起こったか、ということですが、これはおそらく辞書のメンテナンスの影響でしょう。日本語にはどんどん新語が現れるので、形態素解析に使用する辞書は定期的にメンテナンスをしなければなりません。今回の現象はそのメンテナンスが裏目に出たのでしょう。将来解決するかどうかはわかりません。

Yahoo!の検索エンジンの仕様が公開されていないので確かなことは言えませんが、現象から考えて形態素解析のミスである可能性が高いように思います。

検索エンジンというのは決して字面をそのまま検索しているわけではなく、形態素(≒単語)の単位で処理されているというのはご存知でしょうか? 上の例の場合、"富士山温泉"を"富士山"と"温泉"という二つの形態素に分割し、「"富士山"と"温泉"を含むページ」としてURLを覚えておくわけです。

ここで、形態素解析がミスをして"富士"と"山温"と"泉"のように区...続きを読む

QjQueryで、指定した要素の子要素の値を取得

<form>
 <section><span class="area">大阪</span>

・jQueryで、上記の「大阪」を取得するにはどうすれば良いでしょうか?

・既に「.find('section')」で、$(this)に<section>タグを取得しているのですが、その下のspanタグ内にある値、というやり方で取得するにはどう書けば良いでしょうか?

$(this).children.value とかやってもうまくいきませんでした

Aベストアンサー

こんにちは。

sectionを取得したのと同様にやれば良いと思います。

$(this).find('span').text()

これで「大阪」が取得できます。


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

おすすめ情報