javascript - 根据调用超链接 ID 自定义弹出窗口

Question

我有一个 html 代码，描述了社区成员，如“K S Lenscapes”和“Venky P G”，点击时调用模态弹出窗口#visit

<div class="portfolio-info">
    <a href="#visit" id="ks" ><h3>K S Lenscapes</h3></a>
</div>

<div class="portfolio-info">
    <a href="#visit" id="vpg"><h3>Venky P G</h3></a>
</div>

这是#visit代码:

<div id="visit" class="modalDialog">
    <div>
	<a href="#close" title="Close" class="close">X</a><br><br>    	
        <div class="text-center">
            <p><a class="btn btn-primary btn-lg" href="#" id="ba">Book Appointment</a></p>
	</div>
    </div>
</div>

我需要#visit 的“预约”按钮来识别从哪个 anchor 标记请求它，并将邮件发送到相应的投资组合，从文件或数据库中获取其电子邮件。

我不知道该怎么做，请帮我解决这个问题。

Answer 1

你可以为此使用data属性

<div class="portfolio-info">
    <a href="#visit" id="ks" data-url="URL TO POST THE DATA"><h3>K S Lenscapes</h3></a>
</div>

<div class="portfolio-info">
    <a href="#visit" id="vpg" data-url="URL TO POST THE DATA"><h3>Venky P G</h3></a>
</div>

并在对话框打开时更新预约 href URL。

在这种情况下，数据变量可以像 $('selector').data('url')