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

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);
});