连续挑出一个 td

Single out a td in a row

本文关键字：一个 td 连续      更新时间：2023-09-26
又

让我脑残了。

问题：尝试在与所选按钮相同的行中获取隐藏 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 + "!");
});

这可以给你一个想法

$("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() + "!");
})
我认为

您正在寻找这样的东西。

$("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>

相关文章：