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").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() + "!");
})

Answer 2

我认为你正在寻找类似的东西。

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

单独输出一个td

2 个答案: