jQueryを使用してHTMLからデータ属性を削除する

Question

これは動作しないようです...

私は特定のリンクを隠すページを持っています。 DOMがロードされるとき、私はこれらの要素のいくつかを切り替えるためにjQueryを使用しています。これは、そのようなデータ属性を用いて駆動される。予定通り

$.each($(".d_btn"), function() { 
    var btn = $(this).data('usr'); 
    if (btn == '48'){  
    $(this).children('.hidden_button').toggle(); 
    } 

ザ・すべての作品以上：

<div class="d_btn" data-usr='48'> 
    <div class="hidden_button"> 

はその後、私は、コードを持っています。問題は、if文が評価された後、クラス.d_btnからdata-usrを削除しようとしていることです。私は次のことを試したし、何が機能していない（つまり、ページがロードされた後、ソースはまだデータ-USR属性を示しています。私は今、時間のカップルのためにこれに取り組んできました

$(this).removeAttr("data-usr"); 

$(this).removeData("usr"); 

と。 ..nothing！ヘルプは大歓迎です！

私は空の文字列へのデータ属性を設定する偉大な提案を試みたが、私はまだ望ましい結果が届かない

UPDATE。

Toもう少し説明してください。なぜなら、属性を削除しようとしているのは、Ajaxレスポンスがページに別のアイテムを追加したときに、以前に追加されたアイテムに既にボタンが表示されているか隠されているからです。 AJAXの応答では、DOMがロードされたら同じ関数を呼び出しています。何かがAJAX経由で追加されたときに

現在のところ、それは（隠されたもの、またはその逆を示す。）すべてのボタンを切り替えますうわ...

私も自分のアプローチに代わるものを試して完全に喜ん。ありがとう！

UPDATE

まあ、電球だけ点滅し、私はちょうど（.SHOW使ってやりたいことができています）の代わりに.toggleの（）

とにかく、私はまだ何かが追加されたときにページが潜在的に何百ものアイテムをチェックするので、この質問に対する答えを見つけたいと思う.-これはひどく非効率的だ（コンピュータの場合でも、hahaha）。

Answer 1

DOMを変更してもソースには影響しません。インスペクタ/開発者ツールで表示できるDOMに影響します。右クリック=>ソースの表示はJavaScriptの実際の現在のソースではなくページの元のソースを表示します。

Answer 2

なぜ値をランダム値または空変数にする代わりにremoveAttrが機能しない場合は可能です。

$(this).attr("data-usr" , ''); 

$(this).prop("data-usr" , ''); 

Answer 3

空白文字列に設定して：

$(this).attr("data-usr", ""); 

I Kolinkが言った二何：ソース、DOMをチェックしません。 （Chrome：Ctrl + Shift + i）。

Answer 4

他の人が述べたように。ソースを確認すると、元の未編集のウェブページのソースのみが表示されます。あなたがする必要があるのは、開発者ツールを使ってDOMをチェックすることです。

私はちょうどjsfiddle hereのChromeのインスペクタのすべてをチェックしており、その属性はデータと確実に削除されています。