javascript - 通过单击链接更改Javascript中的SRC

Question

我在网上找到了一个javascript，当用户单击链接时，该javascript会显示带视频的模态窗口。一部影片一切正常，但是当我为另一部影片添加另一个链接时，它只是打开了youtube地址而没有模式窗口。脚本加载模式窗口后，单击添加html代码，如下所示:

var modalHTML = '<div id="modalbackground"></div><iframe id="' + vidFrameId +
                '" src="' ??? '" width="' + vidSize.width + '" height="' + 
                vidSize.height + '" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>'

视频链接是这样的:

<a id="videoLink" href="https://www.youtube.com/v/jHbyQ_AQP8c">aaa</a>
<a id="videoLink" href="https://youtube.googleapis.com/v/UrJORkUaOkk">bbb</a>

所以我的问题是，我应该在var modalHTML src字段中输入什么？我尝试了 "' this.href '"，它仅适用于第一个链接，第二个链接转到了youtube页面？

Answer 1

您可以像这样获得点击链接href

    $(".dummyClass").click(function () {
            var clickedSrc= $(this).attr("href");               
            var modalHTML = '<div id="modalbackground"></div><iframe id="' + vidFrameId +
                '" src="' +clickedSrc+'" width="' + vidSize.width + '" height="' + 
                vidSize.height + '" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>'
        });

，并确保每个元素都有唯一的ID，对于选择器，我放置了一个 dummyClass，以便可以将其用作选择器

<a id="videoLink1" class="dummyClass" href="https://www.youtube.com/v/jHbyQ_AQP8c">aaa</a>
<a id="videoLink2" class="dummyClass" href="https://youtube.googleapis.com/v/UrJORkUaOkk">bbb</a>