如何使用jQuery或JavaScript使div下的图像不可点击？

Question

这是我的代码

<div id="companyLogo">
    <a href="index.php?module=Home&amp;action=index" border="0">
        <img src="themes/default/images/company_logo.png?v=hQ67b-0XWvvSENtpYeZcIw&amp;logo_md5=1d2df0902a895af3e05dbc7c4e6758eb" alt="Company logo" border="0" height="15" width="141">
    </a>
</div>

现在，我想禁用此徽标。 我正在使用这个jQuery代码

var o = document.getElementById('companyLogo');
o.onmouseover = function() {
    var a = this.getElementsByTagName('div');
    for (x in a) {
        a[x].onclick = function() { return false; };
    }
};

但是，它不起作用。 现在，此图片位于标题div中。 因此，如果我用标题div替换图像的companyLogo ID名称，则它可以工作，但是会使整个标题div部分不可单击。 我只希望几个div不可点击。 那么，我可以知道如何实现吗？

Answer 1

使用者：

$('#companyLogo a').click(function(e) {
    e.preventDefault();
});

Answer 2

尝试这个：

$("#companyLogo a").attr("href", "#");

Answer 3

您的代码工作，除非你有改变div来a 。

检查这个样本

更新的代码

var o = document.getElementById('companyLogo');
o.onmouseover = function() {
    var a = this.getElementsByTagName('a');
    for (x in a) {
        a[x].onclick = function() { return false; };
    }
};