检索锚标签属性的数据值

时间:2018-03-16 09:48:10

标签: jquery

我是Jquery的新手。我想检索锚标记的数据值。即(88997755和11223344) 也是href属性中的值,即(123456,45678)。我尝试了多次,但无法获得这些值。 我想设置第三个“”的id属性中的任何一个值。需要帮助。

<div class="body" id="List_body">
<table class="list" border="0" cellspacing="0" cellpadding="0">
   <tbody>
      <tr class="headerRow">
         <th class="actionColumn">Action</th>
         <th scope="col" class="idclass">Id</th>
         <th scope="col" class="number">NUmber</th>
      </tr>
      <!-- ListRow -->
      <tr class="dataRow" ">
         <td class="actionColumn"></td>
         <th scope="row" class=" dataCell">
            <a href="/123456" class="commentItem">88997755</a>
         </th>
         <td  class=" dataCell" id="set id 88997755 here using Jquery"> 20</td>
      </tr>
      <!-- ListRow -->
      <tr class="dataRow">
         <td class="actionColumn"></td>
         <th scope="row" class=" dataCell">
            <a href="/45678" class="commentItem">11223344</a>
         </th>
         <td class="dataCell-" id="set id 11223344 here using Jquery" >20</td>
      </tr>
   </tbody>
</table>
</div>

1 个答案:

答案 0 :(得分:0)

试试这段代码。

$(document).ready(function(){
$(".list").on("click","a",function(){
    var href = $(this).attr("href");
    var text = $(this).text();

    $(this).parents("tr.dataRow").find("td.dataCell").attr("id",text); //set text as a id of td

    });
});

更新

$(document).ready(function(){
    $(".list a").each(function(){
        var href = $(this).attr("href");
        var text = $(this).text();

        $(this).parents("tr.dataRow").find("td.dataCell").attr("id",text); //set text as a id of td

        });
    });