перебрать данные в div

Question

Я хочу просмотреть данные в div.

Я хотел бы получить построчно данные.

<div id="result" runat=server>

  <div id="gvResult" class="RowGroup">
    <div class="Row RowBg" tabindex="99">
      <div class="Cell hidden-mobile hidden-tablet"></div>
      <div class="Cell ws-normal m-wb-break-all t-wb-break-all">
        <p>PRM54</p>
      </div>
      <div class="Cell ws-normal m-wb-break-all t-wb-break-all wb-keep-all">
        <p>YELEK</p>
      </div>

      <div class="Cell text-center tooltip-box tooltipstered">10,15 EU</div>

    </div>
    <div class="Row RowBgTwo" tabindex="99">
      <div class="Cell hidden-mobile hidden-tablet"></div>
      <div class="Cell ws-normal m-wb-break-all t-wb-break-all">
        <p>PRMd54</p>
      </div>
      <div class="Cell ws-normal m-wb-break-all t-wb-break-all wb-keep-all">
        <p>YELEsK</p>
      </div>

      <div class="Cell text-center tooltip-box tooltipstered">10,15 EU</div>

    </div>
  </div>

Я хочу, чтобы результаты выглядели так:

первая строка в div и id = "1" PRM54-YELEK-10.15EU

вторая строка в div и id = "2" PRM54d4-YELEK-10.15EU. ,.

Answer 1

Я собираюсь показать вам пример решения (оно не полностью реализовано), вы можете попробовать таким способом.

var idCounter = 1;
$('.RowGroup').find('.Row').each(function(){
    let text = 'id: ' + idCounter + ' ';
    $(this).find('div').not(':empty').each(function(){
      text += $(this).text().trim() + '-';
    });
    idCounter++;
    console.log(text.substring(0,text.length-1));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="gvResult"  class="RowGroup">
            <div class="Row RowBg" tabindex="99">
                <div class="Cell hidden-mobile hidden-tablet"></div>
                <div class="Cell ws-normal m-wb-break-all t-wb-break-all">
                    <p>PRM54</p>
                </div>
                <div class="Cell ws-normal m-wb-break-all t-wb-break-all wb-keep-all">
                    <p>YELEK</p>
                </div>

                <div class="Cell text-center tooltip-box tooltipstered">10,15 EU</div>

            </div>
                <div class="Row RowBgTwo" tabindex="99">
                <div class="Cell hidden-mobile hidden-tablet"></div>
                <div class="Cell ws-normal m-wb-break-all t-wb-break-all">
                    <p>PRMd54</p>
                </div>
                <div class="Cell ws-normal m-wb-break-all t-wb-break-all wb-keep-all">
                    <p>YELEsK</p>
                </div>

                <div class="Cell text-center tooltip-box tooltipstered">10,15 EU</div>

            </div>
 </div>

Пожалуйста, не стесняйтесь, дайте мне знать, если вам нужна дополнительная помощь.