Question

我是jQuery的新用户，在使用HTML格式打印数据属性时遇到问题，有人可以帮忙吗？

我基本上需要保存＆＃39;数据选项＆＃39;单击属性并将其复制到HTML中的URL。

我将有几个链接，并希望更新URL中的页面名称（.asp），具体取决于单击的链接。因此，如果我点击第一个链接，URL将成为url / pagename.asp，第二个链接将使其成为url / pagename2.asp

＆＃13;

$( ".myModal-copy" ).click(function() {
	var copyurl = $(this).data("options");
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" data-toggle="modal" data-target="#myModal-copy" data-options="pagename" class="myModal-copy">Link</a>
http://www.url/<%=copyurl%>.asp

＆＃13;

Answer 1

获取data-options的价值，然后只需concatenate (+)即可获得URL。

$(".myModal-copy" ).click(function() {
	var copyurl = $(this).data("options");
console.log(copyurl);
console.log("http://www.url/<%="+copyurl+"%>.asp");
$("#url").text("http://www.url/<%="+copyurl+"%>.asp");

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" data-toggle="modal" data-target="#myModal-copy" data-options="pagename" class="myModal-copy">Link</a>
   <p id="url">http://www.url/<%=copyurl%>.asp</p>

Answer 2

首先将文本包装在html元素中你可以使用.text方法获取元素的文本，然后替换该字符串的一部分，并将该更新的文本写回该元素。

$( ".myModal-copy" ).click(function() {
	var copyurl = $(this).data("options");
    var existingUrl = $('span').text();
    $('span').text(existingUrl.replace('<%=copyurl%>', copyurl)); // update text in the span by replacing the placeholder
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" data-toggle="modal" data-target="#myModal-copy" data-options="pagename" class="myModal-copy">Link</a>
<span>http://www.url/<%=copyurl%>.asp</span>

Answer 3

谢谢大家，感谢您的帮助。

根据您的回答，以下代码对我有用：

＆＃13;

$(".myModal-copy" ).click(function() {
	var copyurl = $(this).data("options");
  $("#url").text(copyurl);

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" data-toggle="modal" data-target="#myModal-copy" data-options="pagename" class="myModal-copy">Link</a>
   <p id="url">http://www.url/.asp</p>

＆＃13;

数据属性 - 返回值

3 个答案: