JQuery выбрать диапазон по идентификатору

Question

привет, ребята иногда вы просто теряете его и не можете вспомнить, как искать то, что вы потеряли

 <div>
        <table cellspacing="0" rules="all" border="1" id="ctl00_DefaultContent_migrationGridView" style="height:90%;width:100%;border-collapse:collapse;">
            <tr>
                <th scope="col">&nbsp;</th><th scope="col">Lenda</th><th scope="col">CSV Dosje</th><th scope="col">Gjendje</th><th scope="col">Dat&#235;</th><th scope="col">Njoftim</th><th scope="col">&nbsp;</th>
            </tr><tr>
                <td>
                                    <input type="submit" name="ctl00$DefaultContent$migrationGridView$ctl02$Button1" value="Fshije" id="ctl00_DefaultContent_migrationGridView_ctl02_Button1" />
                                </td><td>
                                    <a id="ctl00_DefaultContent_migrationGridView_ctl02_CaseLinkButton" href="javascript:__doPostBack('ctl00$DefaultContent$migrationGridView$ctl02$CaseLinkButton','')" style="font-weight:bold;">mig1</a>
                                </td><td>
                                    <span id="ctl00_DefaultContent_migrationGridView_ctl02_lblCSVFileName">19_71914066_2010-11-11_0849_ENG_SOFALI.csv</span>
                                    &nbsp;&nbsp;
                                </td><td>
                                    <span id="ctl00_DefaultContent_migrationGridView_ctl02_Label2" style="color:Maroon;font-weight:bold;">Read</span>
                                </td><td>2010-12-28</td><td>
                                    <span id="ctl00_DefaultContent_migrationGridView_ctl02_Label3"></span>
                                </td><td>

                                    <a id="ctl00_DefaultContent_migrationGridView_ctl02_startStopLinkButton" href="javascript:__doPostBack('ctl00$DefaultContent$migrationGridView$ctl02$startStopLinkButton','')">Start migration</a>
                                    &nbsp;
                                    <a id="ctl00_DefaultContent_migrationGridView_ctl02_checkedAllLinkButton" title="Të Kontrolluara" href="javascript:__doPostBack('ctl00$DefaultContent$migrationGridView$ctl02$checkedAllLinkButton','')">Të Kontrolluara</a>
                                </td>
            </tr><tr>
                <td>
                                    <input type="submit" name="ctl00$DefaultContent$migrationGridView$ctl03$Button1" value="Fshije" id="ctl00_DefaultContent_migrationGridView_ctl03_Button1" />
                                </td><td>
                                    <a id="ctl00_DefaultContent_migrationGridView_ctl03_CaseLinkButton" href="javascript:__doPostBack('ctl00$DefaultContent$migrationGridView$ctl03$CaseLinkButton','')" style="font-weight:bold;">mig1</a>
                                </td><td>
                                    <span id="ctl00_DefaultContent_migrationGridView_ctl03_lblCSVFileName">19_71914070_2010-11-11_0850_ENG_TRUDE.csv</span>
                                    &nbsp;&nbsp;
                                </td><td>
                                    <span id="ctl00_DefaultContent_migrationGridView_ctl03_Label2" style="color:Maroon;font-weight:bold;">Read</span>
                                </td><td>2010-12-28</td><td>
                                    <span id="ctl00_DefaultContent_migrationGridView_ctl03_Label3"></span>
                                </td><td>

                                    <a id="ctl00_DefaultContent_migrationGridView_ctl03_startStopLinkButton" href="javascript:__doPostBack('ctl00$DefaultContent$migrationGridView$ctl03$startStopLinkButton','')">Start migration</a>
                                    &nbsp;
                                    <a id="ctl00_DefaultContent_migrationGridView_ctl03_checkedAllLinkButton" title="Të Kontrolluara" href="javascript:__doPostBack('ctl00$DefaultContent$migrationGridView$ctl03$checkedAllLinkButton','')">Të Kontrolluara</a>
                                </td>
            </tr>
        </table>
    </div>

может кто-нибудь сказать мне, как перебирать промежутки с этой строкой с идентификатором 'lblCSVFileName' и получить их значения

для первого ряда я должен получить 19_71914066_2010-11-11_0849_ENG_SOFALI.csv и для второго 19_71914070_2010-11-11_0850_ENG_TRUDE.csv

:( еще один плохой день

Answer 1

Вы можете использовать атрибут , заканчивающийся селектором для идентификатора и .map(), чтобы получить массив строк (текст внутри каждого), например:

var arr = $("span[id$='lblCSVFileName']").map(function() { 
            return $(this).text(); 
          }).get();

Или чуть более оптимизированная неопубликованная версия:

var arr = $("span[id$='lblCSVFileName']").map(function() { 
            return $.text([this]); 
          }).get();

Это даст вам массив значений для работы, например:

["19_71914066_2010-11-11_0849_ENG_SOFALI.csv", "19_71914070_2010-11-11_0850_ENG_TRUDE.csv"...]

Answer 2

Следующий код даст вам то, что вам нужно.Он получает все промежутки с идентификатором, который начинается с «ctl00_DefaultContent_migrationGridView_ctl02 _».

$('span[id^="ctl00_DefaultContent_migrationGridView_ctl02_"]').each(function() {
  //the following will give you the text of each span
  $(this).text();
});

ПРИМЕЧАНИЕ. Я бы добавил класс к каждому отрезку и сделал бы выбор jquery, используя это.