如何使用jquery找到锚标记的href路径?

Vig*_*ani 0 html javascript jquery jquery-ui

如何使用jquery获取并检查href路径是否包含图像路径或其他链接. 例如:

<a href="image.png"><img src="image.png"/></a>
Run Code Online (Sandbox Code Playgroud)

在上面的示例中,锚文本包含图像src,然后只有jquery函数才能找到href path.ie,href仅当锚文本包含img标记时才获取路径.

我查看了.hasjquery api来检查图像.但是我如何检查href是否包含图像路径或其他路径.根据SO用户的建议我要做的事情,比如.

<script type="text/javascript">
                            jQuery(document).ready(function($) {
                                if (jQuery('a').has("img")) {  // it return the no. of img tag within a
                                    jQuery('a').has("img").prop('href', '#');
                                }

                            });
                        </script>
Run Code Online (Sandbox Code Playgroud)

请参阅上面的脚本执行操作以检查锚文本是否包含图像标记,然后仅检查锚标记的href链接.以同样的方式添加喜欢做上面的脚本来检查href是否包含任何图像路径或链接.如果图像路径包含在href上,则应执行上述脚本,否则不执行.

@Downvoters的任何可能原因.?

是否可以在jquery中做,任何建议将非常感谢.

Aru*_*hny 6

你可以做

$('a:has(img)').click(function(){
    var href = this.href; //or $(this).attr('href')
    if(/\.(png|gif|jpg|jpeg)$/i.test(href)){
        alert('do')
    }
})
Run Code Online (Sandbox Code Playgroud)