如何在jquery方法中添加以逗号为分隔符的标签？

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<input type="text" id="tagsInput" placeholder="输入标签，以逗号分隔">

var tags = $('#tagsInput').val().split(',');

$.each(tags, function(index, tag) {
  var tagElement = $('<span class="tag">' + tag + '</span>');
  $('#tagsContainer').append(tagElement);
});

.tag {
  display: inline-block;
  padding: 5px 10px;
  background-color: #f0f0f0;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
}

.tag:hover {
  background-color: #e0e0e0;
}

$('.tag').click(function() {
  $(this).remove();
});