Adding an <a> tag to a list with jQuery-CodePudding

I am trying to add an <a> tag to a list of li with the help of jQuery.

The html looks like this:

<div >
      <ul >
      <li ></li>
      <li ></li>
      <li ></li>
      </ul>
    </div>

I created an empty <a> tag with jQuery. Unfortunately I can't find a way to add this <a> tag to all my <li> (I tried the jQuery append method).

 let aTag = $("a");
     $(".my list").append(aTag);

I am new to coding, so I am sure I am doing a silly mistake here. Thanks in advance.

CodePudding user response：

$('.my.list').append('<a>') is all you need:

$('.my.list').append('<a>')

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div >
  <ul >
    <li ></li>
    <li ></li>
    <li ></li>
  </ul>
</div>

Since your list items have two classes you need to select them with $('.my.list')

CodePudding user response：

You can try:

$(".my list").html("<a href='#'>This is a link</a>")