jquery按id选择跨度答案

【问题标题】：jquery select span by idjquery按id选择跨度
【发布时间】：2011-05-31 15:48:58
【问题描述】：

大家好有时你只是把它弄丢了，你不记得如何搜索你丢失的东西

 <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' 上有这个字符串的 span 并获得他们的价值观

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

:(又是糟糕的一天

【问题讨论】：

标签： asp.net jquery gridview select html

【解决方案1】：

您可以使用 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"...]

【讨论】：

感谢您链接到相应的页面。尝试记住 jQuery 语法和链接有助于让我的记忆保持新鲜。
美丽的答案，一如既往！能否简单解释一下这两个版本的区别？
@Gustav - 第二个版本没有记录，但保存了 jQuery 对象的创建......所以它更快。
谢谢尼克，你拯救了我的一天，谢谢兄弟，我欠你一个。

【解决方案2】：

以下代码将为您提供所需的内容。它获取所有 ID 以“ctl00_DefaultContent_migrationGridView_ctl02_”开头的 span。

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

注意：我会为每个跨度添加一个类并使用它进行 jquery 选择。

【讨论】：