並べ替えられていないリストの値とリストアイテムを取得する

Question

私はhtmlを以下の形式でレンダリングしました。 私は13,14,15の値を取得し、異なる変数に格納したいと考えています。 私は、この行の値id = 9も取得できるようにしたいと思います。 テーブルを更新する予定で、このIDと他の行が必要です。ここで

は、HTMLはここ

 <li class="main"> 
      <ul class="sub"> 
      <li id="9"> 
       <div class="innera">13</div> 
       <div class="innerb">14</div> 
       <div class="innerc">15</div> 
       <div class="innerpencil"> 
        <img class="modify" src="/images/icon-pencil" /> 
       </div> 
      </li> 
      </ul> 
     <li> 

をレンダリングされたjQueryのは、私は今、私は変数のために何かを得ていないのです

 $(document).on("click", "img.modify", function() { 
      var rowA = $("ul[class='sub'] li[div.class innera]") 
      var rowB = $("ul[class='sub'] li[div.class innerb]") 
      var rowB = $("ul[class='sub'] li[div.class innerc]") 
      var Id of row ? 
     }); 

を記述しようとしていますか？親切にお手伝いします。

Answer 1

私はあなただけのjQuery（CSS）セレクタを検討する必要があると思う：https://api.jquery.com/category/selectors/

$("ul[class='sub'] li[div.class innera]")は何も一致しません。

$('ul.sub>li>div.innera')が動作しますが、多少異なるものが必要です。セレクタのドキュメントといくつかの試行錯誤を見てください:)

Answer 2

liタグでforeachループを使用することはできませんか？

このようにします。

$(document).on("click", "img.modify", function() { 
     var id = $('.sub > li').first().attr("id"); 
     console.log(id); 

     $('#'+id+' > .divValue').each(function() { 
      var variableName = $(this).text(); 
      console.log(variableName); 


     }); 

    }); 

    } 

あなたが望む要素の値にクラスを追加します。このよう

：

<li class="main"> 
      <ul class="sub"> 
      <li id="9"> 
       <div class="innera divValue">13</div> 
       <div class="innerb divValue">14</div> 
       <div class="innerc divValue">15</div> 
       <div class="innerpencil"> 
        <img class="modify" src="/images/icon-pencil" /> 
       </div> 
      </li> 
      </ul> 
     <li>