如何从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>

更新资料

新的一天，新的想法...

我的菜单有所变化，我的问题也有所变化...

我需要在网站上添加每个rugrug规格的div，但只有在单击链接时才会显示。

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

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

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

Answer 1

尝试使用html方法添加img元素。 之后，使用find方法找到它，并应用和fadeIn效果，用于示例：

$("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));
});