如何使用 JQuery Wrapper 添加简单的图像超链接

发布于 2025-01-07 06:01:55 字数 457 浏览 1 评论 0原文

我不是编码员，我需要一个简单的解决方案来将 html 文档中的超链接添加到 jQuery 图像..

以下内容不起作用，所以我猜它比以下内容更复杂...

<div class="slider-wrapper">
                    <div class="slider">
                        <ul class="items">
                          <li> <a href="http://url/index.php"><img src="images/slider-img-name.jpg" alt="name" /></a>
                          </li>

有没有一种简单的方法可以做到这一点工作？

原文

I'm not a coder and I need a simple solution to adding a hyperlink in an html document to jQuery images ..

the following does not work so I guess it's more complex that the following ...

<div class="slider-wrapper">
                    <div class="slider">
                        <ul class="items">
                          <li> <a href="http://url/index.php"><img src="images/slider-img-name.jpg" alt="name" /></a>
                          </li>

Is there an easy way to make this work?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

魂归处 2025-01-14 06:01:55

这应该可行，您只需要添加任意数量的链接，但请记住，对于每个 img，您必须有一个相应的链接，否则代码将失败

<script>
    var links = new Array();
    links[0] = "http://www.google.com";
    links[1] = "http://www.yahoo.com";
    links[2] = "http://www.bing.com";

    $(document).ready(function(){
        $('.items a').each(function(){
            index = $(this).parent().index();
            $(this).attr("href",links[index]);
        });
    });
</script>

<ul class="items">
    <li> <a href=""><img src="images/slider-img-name.jpg" alt="name" /></a></li>
    <li> <a href=""><img src="images/slider-img-name.jpg" alt="name" /></a></li>
    <li> <a href=""><img src="images/slider-img-name.jpg" alt="name" /></a></li>
</ul>

This should work, you just need to add as many links as you want but bear in mind that for each img you must have a corresponding link, otherwise the code will fail

<script>
    var links = new Array();
    links[0] = "http://www.google.com";
    links[1] = "http://www.yahoo.com";
    links[2] = "http://www.bing.com";

    $(document).ready(function(){
        $('.items a').each(function(){
            index = $(this).parent().index();
            $(this).attr("href",links[index]);
        });
    });
</script>

<ul class="items">
    <li> <a href=""><img src="images/slider-img-name.jpg" alt="name" /></a></li>
    <li> <a href=""><img src="images/slider-img-name.jpg" alt="name" /></a></li>
    <li> <a href=""><img src="images/slider-img-name.jpg" alt="name" /></a></li>
</ul>

回复收藏 0 原文

~没有更多了~