- 締切済み
jqueryについて質問 属性の取得です
<p style="font-family:xxxxx;"> </p> 上記のような場合にスタイル属性のフォントファミリーに設定しているｘｘｘｘｘを取得して <p></p>の中にテキストとして出力させるにはどうしたらよいでしょうか？ jqueryで出来たらよいです。 何卒、ご教授お願い致します。
- questok
- お礼率48% (18/37)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- askaaska
- ベストアンサー率35% (1455/4149)
<p></p>に入れるのは .text("XXX"); スタイルシートの値を取るのは .css("font-family"); でできると思うのでレッツトライ
関連するQ&A
- jQueryで要素の生のcssを取得する方法
jQueryの初心者です、宜しくお願い申し上げます。 jQueryのcss(name)で、要素のstyle属性から指定スタイル（name）の値を取得できることは分かったのですが、{ width:50%; }など、比率で指定している属性はpxに変換されて取得されてしまいます。 変換前の%の値を取得する方法はあるのでしょうか？ リファレンスを見た所、そのような記述が見当たらなかったため質問させて頂きました。 一応、 var block_style_str = $('.block').attr('style'); var block_style_array = block_style.trim().split(';'); こんな風にすれば、文字列ベースで自由に取得できますが、jQueryらしいスマートな方法があれば教えて頂きたいです。 詳しい方、ご教授の程、何卒、宜しくお願い申し上げます。
- ベストアンサー
- JavaScript
- jQueryの属性フィルタにつきまして
以下の部分のjQueryの属性フィルタで指定する方法がわかりません。 <div style="text-align: left; margin-left: 0px;"> ほげほげ </div> jQuery('div[style="text-align: left; margin-left: 0px;"]').css("display","none"); ってのは、どこかおかしいと思うのですが、 [attribute=value]というルールに沿うとこういった指定になります。 そもそも、style属性の場合は、属性フィルタは使えないのでしょうか。 あるいは、CSSのvalueまで判別させる場合は、この記述は無理なのでしょうか。 name="hoge" とかなら容易に指定できて効くのですが。。。 素人質問で恐縮ですが、 ご教授いただけると助かります。 参考になるページでも構いません。 どうぞよろしくお願いします。
- ベストアンサー
- JavaScript
- jQueryで特定のcssプロパティの値を書き換えたい
jQueryで特定のcssプロパティの値を書き換えたい html上にインラインで記述しているスタイルのうち、特定のプロパティの値のみをjQueryで書き換えることはできますでしょうか。 具体的には↓ <span style="font-size: 16px;font-weight: bold;">テキスト1</span> <span style="color: #f00; font-size: 16px;">テキスト2</span>を <span style="font-size: 18px;font-weight: bold;">テキスト1</span> <span style=""color: #f00; font-size: 18px;">テキスト2</span>に style属性のfont-size: 16px;をfont-size: 18px;にしたい。 他は変えずそのままにしたい。 $(function() { $('span').filter(function() { return ($(this).css("font-size","16px")); }).css("font-size","18px") }); http://okwave.jp/qa/q5310183.html 似たような質問が上記でされていて、真似て書いてみたのですが、これだとfont-sizeが16pxでないものも全て18pxに書き換わってしまいました。 不勉強でお恥ずかしい限りですが、詳しい方いらっしゃいましたらどうかご教授ください。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- jQueryのカスタムデータ属性追加について
いつもこちらでお世話になっています。 jQueryでカスタムデータ属性（data-*）を新規追加するにはどう記述すれば良いのでしょうか。 html側にはカスタムデータ属性が未設定の状態です。 以下の方法で試してみましたが、カスタムデータ属性を取得すると「NaN」となっています。 【html】 <div id='hoge'>hogehoge< /> 【ｊQuery】 $(#hoge).attr({ 'data-a': 'A', 'data-b': 'B' }); よろしくお願いいたします。
- ベストアンサー
- JavaScript
- JQueryでxmlのデータを取得する。
以下のようになっているxmlのデータがあります。 --------------------- <item> <name1>0</name1> <name2>1</name2> <name3>0</name3> </item> --------------------- <item>～</item>の中の 子ノードのタグ名とテキストデータをJQueryを使って取得したいと考えています。 上記のように、<name1><name2><name3> とタグ名がバラバラなので 配列で取得したいのですが。やり方がわかりません。 どなたかご教授ください。
- ベストアンサー
- AJAX
- ｊQueryでcssを追加するときに同じプロパティ
jQueryでfont-sizeを設定するときに、一つの要素にfont-sizeを複数設定するにはどのようにするのでしょうか？ やりたいことは以下のように、IE8以下はremが対応していないのでpxで、IE9以上やモダンブラウザにはremが反映されるようにしたいです。 htmlソース-------------- <p>hogehoge</p> ----------------------- cssソース--------------- p { font-size: 12px; font-size: 1.2rem; } ----------------------- まず上記ソースではIE8では12pxで表示され、IE9以上は1.2remで表示されます。 そして上記ソースに対して以下のjQueryを実行 $('p').css({'font-size':'16px', 'font-size':'1.6rem'}); こうすると、IE9以上では1.6remに上書きできました。 IE8では16pxに上書きできませんでした。 IE8で16pxで上書きするにはどのようにすれば良いのでしょうか？ よろしくお願い致します。
- 締切済み
- JavaScript
- jQuery text()で、<br>タグも取得し
jQuery text()で、<br>と<br />タグも取得したいのですが、どうすれば良いでしょうか？ $("p.hoge").html();で取得すると、それ以外のタグも取得されてしまいます。 欲しいのは、「テキスト＋<br>＋<br />」です あるいは、html()で指定範囲を全て取得して、そこから、「<br>と<br />」以外の全てのhtmlタグを削除、 というのは、出来るでしょうか？
- ベストアンサー
- JavaScript
- jQueryで同じid属性が複数あった場合の制御
jQueryの勉強中ですが、ちょっと躓いています。 ブロック要素の中に、同じid属性をもつ要素があった場合 二つ目の要素のみを削除するにはどうしたらようでしょうか？ 下記のようなイメージです。 <div id="test"> <p id="aaa"></p> <p id="bbb"></p> <p id="ccc"></p> <p id="aaa"></p> ←２個目の要素は削除（または非表示）にしたい。 </div> かなり困ってます・・・わかる方 教えていただけると助かります。
- ベストアンサー
- JavaScript
- JQueryのセレクタ
jqueryでセレクタの取得をしたいのですがうまくいきません div要素の中のspan要素を取得したいのですがclassで取得すると重いのでid属性で場所を限定してからclass属性で絞り込みたいです こんな感じにしたらだめでした $("#hoge.foo").html('ほげ'); html <div id=hoge> <span class=foo></span> </div>
- ベストアンサー
- JavaScript
- JqueryでCSSの設定値を変更する
こんにちは。 JqueryもしくはjavascriptでCSSの操作を行いたいのですが、 CSSの設定値そのものを変更させ、保持することは出来るのでしょうか。 例えば、以下のようなCSS設定があり、 p.class-abc{ line-height : 120%; } 描画されている<p class = "class-abc">***</p>に対して、 $('p.class-abc').css({'line-height' : '200%'});とすると、 firebugsで見る限り、 描画されている<p>に対してstyle属性を付与し、line-heightの値を上書きしているように見えます。 私がやりたいのは、 「.class-abc」をあるイベントで「line-height : 200%」に変更して保持し、（これを(1)とします。） その後、あるイベントに連動して、例えば$('p.#zyx').addClass('.class-abc');とした時に、 line-height : 200%である.class-abcを付与したいということなんですが・・・。 この質問を書いていて思ったのですが、 ”クラス”というのは、あくまでセレクタであり、スタイルシートで設定する p.class-abc{ line-height : 120%; } のような記述は、何らかのオブジェクトとしてブラウザに保持されるものでは無いということでしょうか。 雑多な質問になってしまいましたがご教授頂けますと幸いです。 宜しくお願い申し上げます。
- ベストアンサー
- CSS
