如何用图像替换链接文本?
我已经尝试过此脚本:
$(document).ready(function() {
$('a:contains("edit")').html('<img src="edit.png"/>');
});
但没有任何运气。我在这里做错什么了吗?
html
<a href="/ideas/bpul_dishes/edit">Edit</a>
如果我理解正确,这就是您想要的。“编辑”必须在href中,而不是在a
-tag中的文本中,对吗?
http://jsfiddle.net/BramVanroy/t98d7/2/
$(document).ready(function() {
$('a[href*="edit"]').html('<img src="edit.png"/>');
});
如果您确实要按照注释所建议的那样进行编辑,则必须在a
-tag内进行编辑,那么下面的解决方案将起作用。如有必要,我允许以大写字母开头。
http://jsfiddle.net/BramVanroy/t98d7/4/
$(document).ready(function() {
$('a:contains("Edit"), a:contains("edit")').html('<img src="edit.png"/>');
});
或使用正则表达式(i
是修饰符,导致正则表达式不区分大小写)。
http://jsfiddle.net/BramVanroy/t98d7/25/
$(document).ready(function () {
$("a").filter(function () {
return /edit/i.test($(this).text());
}).html('<img src="edit.png"/>');
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句