javascript - 使用 javascript/jquery 选择表中的元素

Question

我正在尝试在表中为每一行选择一个 ID。

这是我目前的表格(使用浏览器检查)。

<table id="sort">
            <thead>
                <tr>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th>Pri </th>
                </tr>
            </thead>

                        <tbody style="cursor: n-resize; " class="ui-sortable"><tr class="priorityRow">
                            <td id="tableDragSort">
                                <a class="deleteLink" href="#" rel="17904" title="">
                                 <img src="/Content/Images/Garage/DeleteButton.png"></a>
                            </td>
                            <td>
                                <img id="MainContent_MainColContent_ImageRepeater_CarImg_0" class="17904" src="" style="height:45px;width:60px;">
                            </td>
                            <td>
                                <input name="ctl00$ctl00$MainContent$MainColContent$ImageRepeater$ctl00$txtText" type="text" value="hjjj" id="MainContent_MainColContent_ImageRepeater_txtText_0">
                            </td>
                            <td class="picturePriority">
                                1
                            </td>
                        </tr><tr class="priorityRow" style="opacity: 1; z-index: 0; ">
                            <td id="tableDragSort" style="width: 22px; ">
                                <a class="deleteLink" href="#" rel="17903" title="">
                                 <img src="/Content/Images/Garage/DeleteButton.png"></a>
                            </td>
                            <td style="width: 60px; ">
                                <img id="MainContent_MainColContent_ImageRepeater_CarImg_1" class="17903" src="" style="height:45px;width:60px;">
                            </td>
                            <td style="width: 153px; ">
                                <input name="ctl00$ctl00$MainContent$MainColContent$ImageRepeater$ctl01$txtText" type="text" value="dd" id="MainContent_MainColContent_ImageRepeater_txtText_1">
                            </td>
                            <td class="picturePriority" style="width: 21px; ">
                                2
                            </td>
                        </tr><tr class="priorityRow" style="opacity: 1; z-index: 0; ">
                            <td id="tableDragSort" style="width: 22px; ">
                                <a class="deleteLink" href="#" rel="17895" title="">
                                 <img src="/Content/Images/Garage/DeleteButton.png"></a>
                            </td>
                            <td style="width: 60px; ">
                                <img id="MainContent_MainColContent_ImageRepeater_CarImg_2" class="17895" src="" style="height:45px;width:60px;">
                            </td>
                            <td style="width: 153px; ">
                                <input name="ctl00$ctl00$MainContent$MainColContent$ImageRepeater$ctl02$txtText" type="text" value="wggw" id="MainContent_MainColContent_ImageRepeater_txtText_2">
                            </td>
                            <td class="picturePriority" style="width: 21px; ">
                                3
                            </td>
                        </tr>
                  </table>

这里的id是17904 , 17903和17895两者皆 <a rel="">和<img class="">是我想在我的 javascript 方法中选择的方法，如下所示:

$("#sort .priorityRow").each(function ()
    {
        var index = $(this).index() + 1;


        var id = /* SELECT ID HERE */

        console.log(id);
        $(this).find(".picturePriority span").text(index);
        SetPicturePriority(id, index);
    });
}

我不在乎选择哪种方式，只要它有效即可。

有谁能帮忙吗？ :)

Answer 1

听起来也许您正在尝试这样做:

$("#sort .priorityRow").each(function () {
    var rel = $(this).find("a").first().attr("rel"),
        index = this.rowIndex + 1;

    $(this).find(".picturePriority").text(index);

    SetPicturePriority(rel, index);
});