以下是我的目标:
单击图像,它显示跨度" info_armes" wich包含" 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/
有什么想法吗?谢谢。
只需删除显示属性的内联样式(您已经在CSS中定义了显示):
$('img[alt="M- AKM"]').before('<span class="info_armes">Test <div class="xx">x</div></span>');
});
问题是您的内联显示样式具有优先级,因此添加类时没有更改。
演示:https://jsfiddle.net/zg8lx0qr/7/