previouおよび/または親がJS

Question

に次のように動作していないが、私の目標です：

画像をクリックすると、それはスパン「info_armes」ウィッヒは、「X」ボタンが含まれて表示されます。イメージをもう一度クリックしても何も行われませんが、 "X"ボタンをクリックすると、ボタンとスパン "info_armes"が非表示になります。

また、私が試したことは、単に動作していないことです。

HTML <u class="suj_i_i"><img src="http://i.imgur.com/KvYiINV.png" alt="M- AKM" title="M- AKM"></u>

JS /何らかの理由/

»https://jsfiddle.net/zg8Lx0qr/5/

任意のアイデアのために、ここでは動作しませんか？ありがとう。

Answer 1

だけ表示プロパティのためにあなたのインラインスタイルを削除する（すでにCSSの表示を定義する）：

$('img[alt="M- AKM"]').before('<span class="info_armes">Test <div class="xx">x</div></span>'); 
}); 

問題は、あなたのインライン表示スタイルは、優先順位を持つということでしたので、あなたは、クラスを追加変化はなかったです。

デモ： https://jsfiddle.net/zg8Lx0qr/7/