连续出现td

Question

这让我再次在脑海中死去。

问题： 试图在与选定按钮相同的行中获取隐藏td的值。我的代码找到了两个隐藏的tds的值，我只想要按下按钮的同一行的隐藏td的值。

在此先感谢

HTML

<tr> 
    <td class="rowid" hidden>1</td> 
    <td >data</td> 
    <td ><button>process</button></td> 
</tr> 
<tr> 
    <td class="rowid" hidden>2</td> 
    <td >data</td> 
    <td ><button>process</button></td> 
</tr> 

jQuery的

$j("Button").on("click",function(){  
    var strRwId = $j("td.strRowId").text(); 
    $j("td.strRowId").css("background-color", "red"); 
    alert("you pressed the edit button for Row: " + strRwId + "!"); 
}); 

Answer 1

我认为你正在寻找这样的东西。

$("button").on("click", function() { 
 
    var tr = $(this).closest('tr'); 
 
    var strRwId = tr.find('.rowid').text(); 
 
    tr.css("background-color", "red"); 
 
    alert("you pressed the edit button for Row: " + strRwId + "!"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
     <td class="rowid" hidden>1</td> 
 
     <td>data</td> 
 
     <td><button>process</button></td> 
 
    </tr> 
 
    <tr> 
 
     <td class="rowid" hidden>2</td> 
 
     <td>data</td> 
 
     <td><button>process</button></td> 
 
    </tr> 
 
</table>

Answer 2

这可能给你一个想法

$("button").click(function() { 
    var $button = $(this); 
    var $tr = $button.parent("tr"); 
    var $hidden = $tr.find("td[hidden]"); 
    alert("you pressed the edit button for Row: " + $hidden.html() + "!"); 
})