Question

我使用jquery在div上加载不同的html页面。我想做的是抓住点击链接的标题并将其显示为跨度（类似于fancybox功能）

$(".iframe").on("click", function(e) {
        e.preventDefault();
        var $mylink = $(this).attr('href');
        $mydiv.load($mylink)
});

HTML

<a class="iframe" href="page.html" caption="My title">

Answer 1

假设您的跨度有ID（让我们使用test）

$(".iframe").on("click", function(e) {
    e.preventDefault();
    var $mylink = $(this).attr('href');
    $mydiv.load($mylink)

    //Span stuff
    var caption = this.caption;
    $("#test").html(caption);

}）;

Answer 2

您已经在代码中回答了问题。当你得到'href'时，得到'标题'

$("#mySpan").html( $(this).attr("caption") );

Answer 3

也许你已经尝试过了..希望它有所帮助。

jsfiddle

html代码:(更改你服务器中html页面的href =“/”）

<span id='mycaption'></span>
<br>
<div id="mydiv" style="width:300px; height: 300px"></div>
<br>
    <a class="iframe" href="/" caption="My title">link</a>

jquery代码：

$(".iframe").on("click", function(e) {
        e.preventDefault();
        var mylink = $(this).attr('href');
        $("#mydiv").load(mylink);

        var mycap = $(this).attr('caption');
        $("#mycaption").html(mycap);
});

如何获取href的标题并将其显示为跨度？

3 个答案: