如何使用jQuery访问父元素属性？

debugcn 发表于 Dev

编码器

如何使用jQuery访问父元素属性？例如下面的代码在我的网站上：

<div style="text-align: center;">
    <h3>Testing</h3>
     <p>
        <a style="display: inline-block;" href="http://www.google.com" target="_blank">
            <img class="alignleft size-full wp-image-3748" src="/wp-content/uploads/BBB336699.png" alt="BBB" height="45">
        </a>
        <a style="display: inline-block;" href="http://www.facebook.com" target="_blank">
            <img class="alignleft size-full wp-image-3749" src="/wp-content/uploads/COA336699.png" alt="COA" height="45">
        </a>
        <a style="display: inline-block;" href="http://portal.hud.gov/hudportal/HUD" target="_blank">
            <img class="alignleft size-full wp-image-3750" src="/wp-content/uploads/HUD336699.png" alt="HUD" height="45">
        </a>
        <a style="display: inline-block;" href="http://www.gmail.com/" target="_blank">
            <img class="alignleft wp-image-3921" src="/wp-content/uploads/HPF336699.png" alt="HPF" height="45">
        </a>
    </p>
</div>

$("a").click(function(event){ 
    var key = window.event.toElement;
    var re = /speridian/gi; 
    if (key.href.search(re) == -1) { 
        alert("it is not"); 
    } 
});

当我单击“上方链接”时，我得到了img元素事件属性，但是我需要a像那样的元素事件属性toElement。

谁能帮助我在这里获得锚元素事件。提前致谢！

罗里·麦克罗森（Rory McCrossan）

问题是因为您正在使用window.event。使用this引用点击的元素，而不是：

$("a").click(function(e) { 
    e.preventDefault(); // stop the page being redirected
    var re = /speridian/gi; 
    if ($(this).prop('href').search(re) == -1) { 
        alert("it is not"); 
    } 
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。