2012-04-06 15 views
2

削除しようとしているhrefにdata-toggle = "dropdown"があります。 このコードは動作していないよう:htmlからデータ要素を削除する方法

$(document).on('click','a',function() { 
$(this).data('toggle','Phillip Senn'); 
}); 

代わりに、Firebugのはまだ「ドロップダウン」に等しいと等しい新しい「トグル」attributに「フィリップSENN」があるというデータトグルを示しています。

私がしたいのは、それをすべて削除することです。

+0

HTMLを表示した場合は、HTML要素にデータトグル属性があり、これも対処する必要があります。人々に是非、あなたのHTMLを私たちに見せなければ、必ずしも完璧な、あるいは最高の答えを得ることはありません。 – jfriend00

+0

HTMLから削除するとどういう意味ですか?実際に 'a'要素から属性を削除しようとしていますか?または、要素の 'dataset'からのプロパティ?または、jQueryの '.data()'ストアから消去したいのですか?これらはすべて異なっています。 –

+0

ああ。私は解決策を見つけた。 removeAttr( 'data-toggle')を使用して削除できます。 –

答えて

4

、その後、あなたはこれを使用します。

this.removeAttribute("data-toggle"); 
$(this).removeData('toggle'); 

のみ、jQueryのデータが.data()に、後続の書き込みで更新されます最初にHTMLオブジェクトにあった属性を削除する場合は、removeAttribute()も呼び出す必要があります。

+0

BAM!緑のチェックマークがついてきます! –

2

私はそれが属性を削除するには、このような何か...

$(this).removeData('toggle'); 

を行くと思う:

$(this).removeAttr("the-name-of-the-attribute"); 
+0

追加したデータは削除されますが、データトグル属性または値は削除されません。 –

2

removeData

私は人々が質問を投稿の時間を過ごすことができますどのように理解していませんjquery remove dataをグーグルにして最初の結果をクリックすると、時間のほんの一部で回答が得られます。

あなたがHTMLの属性を持っている、あなたはそれとjQueryのデータの両方を削除したい場合
+0

私は知っています。あなたはJavaScriptがとてもシンプルだと思いますか?ペドロに投票! –

+0

例では、jQuery.dataコマンドを使用してデータを追加しました。しかし私の場合、それはデータトグル属性です。それがうまくいかない理由であるかどうかは疑問だ。 –

+0

@Pedro:[this](http://jsfiddle.net/NPJjX/)は完璧に動作します。それがあなたのために機能しない場合、問題をより明確に述べ、実際に問題を再現するテストケースを提供する必要があります。私たちは霊能者ではありません;-) – RobIII

関連する問題