2012-11-05 18 views
0

我試圖在每張表格的表格中選擇一個id。使用javascript/jquery在表格中選擇元素

這是我的表(使用瀏覽器檢查)此刻。

<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,在這兩個<a rel=""><img class="">1790317895就是我要選擇到我的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); 
    }); 
} 

我都不在乎我真的選擇了ID,只要它有效。

任何人都可以提供幫助嗎? :)

+6

這不是有效的頁面上使用重複的ID。 –

+0

img id不會被複制。它的td的動態 – sindrem

+2

id是重複的 –

回答

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); 
}); 
+0

是的! var rel = $(this).find(「a」)。first()。attr(「rel」)是我想要的,謝謝。 – sindrem

+0

不客氣。 –

1

,你可以得到的id這樣

var id =$(this).attr("id"); 
+0

我還不知道如何選擇元素上的rel attr – sindrem

+0

'tr上沒有id屬性'元素,但如果有的話,沒有真正的理由使用'.attr()'來獲取'id'。只是做'this.id'更快更簡單! –