javascript - 如何从 href 获取数据到字符串并在之后使用它

Question

我的问题的标题需要更多解释......

我正在为一家地毯公司建立一个网站。上周我提出了一个问题，让手风琴菜单将图像放在不同的 div 中

使用手风琴菜单的图像演示

但现在，我需要在图像上附加更多信息。

所以......我有一个这样的菜单：

    <ul class="leve1">
        <li>
           <div class="some">
           <a href="images/rugtype/image1.jpg">image1</a>
           <a href="images/rugtype/image2.jpg">image2</a>
           <a href="images/rugtype/image3.jpg">image3</a>
           ...
           </div>
       </li>
       ...
   </ul>

更新

新的一天，新的想法……

我的菜单发生了一些变化，我的问题也发生了变化......

我需要在网站上添加一个包含每种地毯规格的 div，但只有在您单击链接时才会显示。

我使用以下方法将地毯图像放在菜单旁边的 div 中：

$("div.some a").click(function (event) {
    event.preventDefault();
    $("div#dest").html($("<img>").attr("src", this.href).fadeIn(1000));
});

我有什么方法可以从上面的 href 中获取 rugtype 信息吗？

Answer 1

尝试使用方法添加img元素。html在它之后，使用方法找到它find并应用和淡入淡出效果，例如：

$("div.some a").click(function (event) {
    //prevent default
    event.preventDefault();

    // get the href property
    var href = $(this).prop('href');

    // find the div and add a img with display:none, locate the img and fadeIn
    $("div#dest").html("<img src='" + href + "' style='display:none;' />")
                 .find('img')
                 .fadeIn(1000));
});