Question

如何使用jquery找到下一个td元素。我试图将文本或div附加到特定tr内的td元素。我的tr是服务器端控件，标签为runat = server 这是我的查询它无法正常工作

   var cssdisable= function testcss(rowid) {
    if ($('#testcss').width() != 3) {
        var id = $(rowid).find('td');
        id.append('The following is not valid');
    }
}

这就是我在点击事件中调用函数的方式

  cssdisable('<%=tr_myrow.ClientID %>');

它没有做任何事情，也没有给出任何错误。我试图在传递的行ID旁边的td elemnent之后添加一个文本。

任何想法

这是HTML 有一行名为tr_myrow

        <table id="tblstudysub_animal" class="bond_qbs_table" width="100%">
                <tr>
                    <td valign="top">
                        <h3>
                            Select the study subject.<span class="red">*</span></h3>
                        <fieldset>
                            <legend class="hide">Select the study subject.</legend>
                            <table id="ctl00_m_g_c09fd465_0ae4_479b_8fc6_21a7de645003_ctl00_rdb_studysubj" border="0">
                        <tr>
                            <td><input id="ctl00_m_g_c09fd465_0ae4_479b_8fc6_21a7de645003_ctl00_rdb_studysubj_0" type="radio" name="ctl00$m$g_c09fd465_0ae4_479b_8fc6_21a7de645003$ctl00$rdb_studysubj" value="Humans" /><label for="ctl00_m_g_c09fd465_0ae4_479b_8fc6_21a7de645003_ctl00_rdb_studysubj_0">Humans</label></td>
                        </tr><tr>
                            <td><input id="ctl00_m_g_c09fd465_0ae4_479b_8fc6_21a7de645003_ctl00_rdb_studysubj_1" type="radio" name="ctl00$m$g_c09fd465_0ae4_479b_8fc6_21a7de645003$ctl00$rdb_studysubj" value="Non-Human primates" /><label for="ctl00_m_g_c09fd465_0ae4_479b_8fc6_21a7de645003_ctl00_rdb_studysubj_1">Non-Human primates</label></td>
                        </tr><tr>
                            <td><input id="ctl00_m_g_c09fd465_0ae4_479b_8fc6_21a7de645003_ctl00_rdb_studysubj_2" type="radio" name="ctl00$m$g_c09fd465_0ae4_479b_8fc6_21a7de645003$ctl00$rdb_studysubj" value="Rodents" /><label for="ctl00_m_g_c09fd465_0ae4_479b_8fc6_21a7de645003_ctl00_rdb_studysubj_2">Rodents</label></td>
                        </tr><tr>
                            <td><input id="ctl00_m_g_c09fd465_0ae4_479b_8fc6_21a7de645003_ctl00_rdb_studysubj_3" type="radio" name="ctl00$m$g_c09fd465_0ae4_479b_8fc6_21a7de645003$ctl00$rdb_studysubj" value="Others" /><label for="ctl00_m_g_c09fd465_0ae4_479b_8fc6_21a7de645003_ctl00_rdb_studysubj_3">Others</label></td>
                        </tr>
                    </table>
                        </fieldset>
                    </td>
                </tr>
                <tr id="ctl00_m_g_c09fd465_0ae4_479b_8fc6_21a7de645003_ctl00_tr_myrow">
                        <td valign="top">

                        <div id="ctl00_m_g_c09fd465_0ae4_479b_8fc6_21a7de645003_ctl00_studysub_popul">
                            <h3>
                                Select your study subject.<span class="red">*</span></h3>
                            <fieldset>
                                <legend class="hide">Select your study subject.</legend>
                                <table id="ctl00_m_g_c09fd465_0ae4_479b_8fc6_21a7de645003_ctl00_rdb_study_popul" border="0">
                            <tr>
                                <td><input id="ctl00_m_g_c09fd465_0ae4_479b_8fc6_21a7de645003_ctl00_rdb_study_popul_0" type="radio" name="ctl00$m$g_c09fd465_0ae4_479b_8fc6_21a7de645003$ctl00$rdb_study_popul" value="Individuals" /><label for="ctl00_m_g_c09fd465_0ae4_479b_8fc6_21a7de645003_ctl00_rdb_study_popul_0">Individuals</label></td>
                            </tr><tr>
                                <td><input id="ctl00_m_g_c09fd465_0ae4_479b_8fc6_21a7de645003_ctl00_rdb_study_popul_1" type="radio" name="ctl00$m$g_c09fd465_0ae4_479b_8fc6_21a7de645003$ctl00$rdb_study_popul" value="Population" /><label for="ctl00_m_g_c09fd465_0ae4_479b_8fc6_21a7de645003_ctl00_rdb_study_popul_1">Population</label></td>
                            </tr>
                        </table>


       <div id="testcss">
    </div>

我试图将该文本添加到该行的td ...

我希望这更清楚......

Answer 1

一个问题是，您尝试按其ID查询td，但未在选择器的开头使用#。

尝试cssdisable('#<%=tr_myrow.ClientID %>');

另外，为了坚持使用td使用tr而不是.children()的{{1}}孩子（，它会找到所有后代.find('td')元素）

所以

td

在http://jsfiddle.net/D4z9b/演示（使用您的示例HTML ）

Answer 2

在表构建阶段为您的<td>..</td>元素提供有意义的ID（如果您不构建它，只需在使用单独的调用开始任何处理之前分配它们）然后生成id。像tableName + '_' + row + '_'这样的东西可能应该没问题。

使用jquery查找下一个td元素？

2 个答案: