Question

我有以下代码，我想将索引包装到<span></span>标签中。

$('h2.carousel-item-title').each(function (index, value) {
  var content = '<span class = "wrap"></span>';
  var tab_number= $(this).append(index+1).wrap( content );
  return tab_number;
});

但它没有用。

任何帮助将不胜感激

Answer 1

我已对您的代码段进行了更改以使其正常运行。

使用：

$(document).ready( function() {
  $('.carousel-item-title').each(function (index, value) {
  console.log('query');
    var content = '<span class = "wrap"></span>';
    var tab_number= $(this).append(index+1).wrap( content );
    return tab_number;});
    });

完整的代码在这里：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready( function() {
  $('.carousel-item-title').each(function (index, value) {
  console.log('query');
    var content = '<span class = "wrap"></span>';
    var tab_number= $(this).append(index+1).wrap( content );
    return tab_number;});
    });

</script>
</head>
<body>

 <h2 class="carousel-item-title"> A
 </h2>

<h2 class="carousel-item-title"> B
</h2>
<h2 class="carousel-item-title"> C
</h2>
<h2 class="carousel-item-title"> D
</h2>

如何在span或div标签中包含var？

1 个答案: