Question

我无法更改HTML以添加<a>标签，但是我可以仅使用JavaScript在div上添加链接吗？

<div class="some-class">Some content</div>

Answer 1

您.wrapInner()实现您想要的目标：

$(".some-class").wrapInner("<a href='www.google.dk'></a>");

它将转换您的

<div class="some-class">
  Some content
</div>

进入

<div class="some-class">
  <a href="www.google.dk">
    Some content
  </a>
</div>

演示

$(".some-class").wrapInner("<a href='www.google.dk'></a>");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="some-class">Some content</div>

Answer 2

您可以使用jQuery包装div

jQuery('.some-class').wrap('<a href="#test"></a>');

然后您会得到

<a href="#test"><div class="some-class">Some content</div></a>

Answer 3

使用以下查询将锚元素添加到具有“ some-class”类的Div上

  $('div.some-class').append('<a href="#"></a>')

Answer 4

将目标网址粘贴到window.open（url）函数中。它不会在HTML代码中插入任何内容。

<head>
        <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>

<body>
<div class="some-class">Some content</div>

<script>
 $(document).ready(function(){
$('.some-class').click(function(){
   window.open("https://#");
});

</script>

</body>

Answer 5

尝试使用JavaScript

<!DOCTYPE html>
<html>

<body>

  <div id="some-class">
  </div>

  <script>
    var data = "<a href='#'>Link </a>";
    document.getElementById('some-class').innerHTML += data;
  </script>

</body>

</html>

将链接放在div上而不触摸html

5 个答案: