私は次のコードを持っており、インデックスを<span></span>タグにラップしたいと思います。spanまたはdivタグでvarを折り返す方法は？
$('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;
});
しかし、動作しませんでした。
助けていただければ幸いです。
私はそれを機能させるためにスニペットに変更を加えました。
用途：
$(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>
あなたのケースで手段を "それはうまくいきませんでした" って何？ –
いいえ、うまくいきませんでしたが解決策を見つけました：
$（ '。carousel-item-title'）。それぞれ（function（index、value）{ var num = index +1; $（this）.append "" + num + ""）; }）; –