前提・実現したいこと

webサービスでドラッグ&ドロップの機能を修正しています。
その中で詰まったところを質問したいです。

該当のソースコード

JavaScript
1        var tbody = $('#item_data');
2        tbody.find('.index_str').each(function (idx) {
3            $(this).html(idx + 1);
4        });

試したこと

このコードについて解説をお願いしたいです。
.find()、.each()、.html()がよくわからないのでよろしくお願いします。

m.ts10806

2019/08/26 07:41 編集

>PHP初心者です。「初心者アイコン」をつけるにとどめてください。そしてそこにはなるべく「実現したいこと」「今直面している問題」を記載してください。あくまで「前提」というのは起きている問題と直接関係のある環境のこととか、制限とか経緯を書くものです >該当のソースコード提示されているコードはJavaScriptです。jQueryなのでjQueryのドキュメント確認してみては？そこで分からなければ追記してください。

m.ts10806

2019/08/26 07:42

PHPではないのでPHPはもちろんTwigもHTMLもタグとしては不要に思います。質問を編集して調整してください。

dyoshikawa

2019/08/26 07:46

明らかにPHPではないですね。

querykuma

2019/08/26 13:07

javascriptではなくjQueryの質問です。 jQueryの入門書を買って学んでください。 > .find()、.each()、.html()がよくわからないのでよろしくお願いします。わからないことは検索しましょう。検索のやり方がわからないのであれば、それを切り出して質問を立ててください。 jQueryのタグを追加してください。

回答2件

.find()、.each()、.html()がよくわからないのでよろしくお願いします。

.find()
.each()
.html()

英語が読めないとかはナシで（Google翻訳とか手段はあるはずなんで）

投稿2019/08/26 08:18

gentaro

総合スコア8943

おそらくPHPは関係なく、jQueryなどクライアントサイドの処理だと思います

sample

念の為、以下コピペでどんな動きをするか確認できます

javascript
1<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
2<script>
3$(function(){
4  var tbody = $('#item_data');
5  tbody.find('.index_str').each(function (idx) {
6    $(this).html(idx + 1);
7  });});
8</script>
9
10<ul id="item_data">
11<li class="index_str">dummy</li>
12<li class="index_str">dummy</li>
13<li class="not_index_str">dummy</li>
14<li class="index_str">dummy</li>
15</ul>