2012-03-26 9 views
1

私はワイルドカードIDを持つdivを持っています。実際の要素ではなくワイルドカードの表示を変更したいと思います。jqueryはワイルドカードのCSSプロパティを変更します

#mywildcard{ 
display:none; 
} 
<div id = "mywildcard"></div> 

ボタンをクリックすると、実際のプロパティの表示を変更したいときは、要素にスタイルを追加しません。

私は $('#mywildcard).css('display','block');を試してみましたが、それだけで

+1

作成のチュートリアル – Christoph

答えて

3

達成したいエフェクトのタイプに応じて、jqueryファンクション.toggle()または.show()を使用します。

要素上に.toggle()を呼び出すと、表示なしの場合は検出され、デフォルトの表示に戻ります。現在表示されている場合(display:block)、.toggle()を再度呼び出すと、要素が非表示になります。

display:noneからdisplay:blockに1回変更する場合は、.show()機能を使用することをお勧めします。

具体的には、.show()のIDにwildcardShowBtnのボタンを作成しようとしているとします。 jQueryの中であなたがやるだろうと達成するために:

$("#wildcardShowBtn").click(function() { 
    $("#mywildcard").show(); 
}); 
+0

それは彼が求めていたのと反対です。 .showは、彼が避けようとしているスタイル属性stye = "display:block"を使用します。 – Fresheyeball

1

が、それはこのように聞こえる(これを試して、その要素にスタイルを追加しました私は今取得しています何

#mywildcard{ 
display:block; 
} 

<div id = "mywildcard" style="display:block"></div> 
#mywildcard{ 
display:block;//Firebug show crossed out. 
} 

ありたいですあなたが欲しいものです)

document.ge tElementById( 'mywildcard')。setAttribute( 'スタイル'、 '表示:なし;');

+0

これは彼が求めていたのと反対です。 style属性stye = "display:block"を使うことはまさに彼が望んでいないと言ったことです。 – Fresheyeball

1

私の知る限り、外部CSSファイルからCSSルール#wildcardを編集する方法はありません知っているが、その場合は、ページ上でそれを行うことができますようスタイルタグ。または、あなたが外部のCSSファイルでそれを持つことで死んでいる場合、これはまだうまくいくはずです。

何がやりたいことは規則ではない要素を編集し、その代わりにスタイルタグをターゲットである。このようなものは、スタイルのタグを検索し、ブロック」で、「なし」のインスタンスを置き換えます

$('style[id=mystyle]').html($('style[id=mystyle]').html().replace('none','block'));` 

を'

しかし、ルールが外部スタイルシートにある場合は、jsを使用してルールを内部に持つ新しいスタイルタグを作成できます。

jQuery CSS - Write into the <style>-tag // 2番目の答え

http://www.webdeveloper.com/forum/archive/index.php/t-130717.html //動的質問は何ですか?スタイル

関連する問題