Question

我有一个HTML元素

<a class="toggle-tell-friend" id='share-button-1' rel="sidebar" data-id='share-content-1' data-title='<?php echo CHtml::decode($job->getTitle());?>' data-link="CURRENT URL">Friend</a>

如何将数据链接的值设置为当前网址。

Answer 1

你想在javascript中使用它吗？既然你没有在你的标签中加入PHP，我会这么认为。

在这种情况下，您可以使用window.location.href在javascript中执行此操作。

document.getElementById("share-button-1").setAttribute("data-link", window.location.href);

或在jquery中：

$('#share-button-1').attr("data-link", window.location.href);

如果你的意思是通过PHP，你可以使用以下内容： http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]。在这种情况下，我会像这样使用它：

<?php
  $dataUrl = "http://".$_SERVER[HTTP_HOST].$_SERVER[REQUEST_URI];
 ?>
<a class="toggle-tell-friend" id='share-button-1' rel="sidebar" data-id='share-content-1' data-title='<?php echo CHtml::decode($job->getTitle());?>' data-link="$dataUrl">Friend</a>

Answer 2

您可以使用location界面

执行此操作

var _getCurUrl = location.href;
$("#share-button-1").attr('data-link',_getCurUrl);

JSFIDDLE

如何将当前页面url赋予HTML元素属性？

2 个答案: