jquery按id选择span

时间:2010-12-28 16:33:47

标签: asp.net jquery gridview select html

你好 有时你只是松开它而你不能记住如何搜索丢失的事件

 <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>

有人可以告诉我如何迭代在id'lblCSVFileName'上有这个字符串的跨度 并获得他们的价值

第一行我应该得到19_71914066_2010-11-11_0849_ENG_SOFALI.csv和第二行 19_71914070_2010-11-11_0850_ENG_TRUDE.csv

:(另一个糟糕的一天

2 个答案:

答案 0 :(得分:6)

您可以使用attribute ends-with selector作为ID,使用.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"...]

答案 1 :(得分:0)

以下代码将为您提供所需的信息。 它获得的所有跨度的ID都以“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选择。