Question

我的Html吼叫。

<tr class="success">
    cfgdfgh
<td>1</td>
<td>home1</td>
<td>home1</td>
<td>home1</td>
<td>
<input class="btn btn-mini btn-danger deleteMenu" type="button" value="Delete" name="delete">fgfg</td>
</tr>

我的Jquery代码如下：

    $(".deleteMenu").click(function(){    
$(this).parent().css("color","red");
    });

我尝试使用上面的jquery代码，但没有运气。我想先选择td？

DEMO

Answer 1

尝试：

$(".deleteMenu").click(function () {
    $(this).closest('tr').find('td:first').css("color", "red");
});

<强> jsFiddle example

使用您的选择器.parent()，您将选择包含该按钮的单元格。实现您希望它将DOM遍历到行（.closest('tr')）然后返回到第一个单元格（.find('td:first')）的一种方法。

顺便说一下BTW，在您的示例中，文字cfgdfgh在您拥有它的地方无效。

Answer 2

这很容易做到这一点：

$(".parentClass").find("td:eq(0)")... /* :eq(0) = first occurance */

此外，您的HTML标记也是错误的。

Answer 3

1）首先编写有效的HTML

2）上到DOM树，直到你到达row元素为止，你应该使用.closest（）

3）找到该行元素的第一个子元素

4）应用您想要的任何样式更改

小提琴：http://jsfiddle.net/u4A7V/7/

代码：

$(".deleteMenu").click(function () {
    $(this).closest("tr") // go up the tree
      .find("td:first-child") // find the first child
      .css("color", "red"); // change color
});

Answer 4

最简单的方法是将一个类分配给。我不知道是否可以为一个（可能是可能的）分配一个id。

Answer 5

这将获得行中的第一个td：

$(".deleteMenu").click(function(){    
    $('.success td').eq(0).css("color","red");
});

Answer 6

Hopefull这有助于：

http://jsbin.com/eruric/1/edit

$(".success").find("td:first").css("background-color", "red");

Answer 7

您的HTML无效，缺少''代码，并且您有<td>以外的文字，请将其更改为：

<table>
<tr class="success">
<td>1</td>
<td>home1</td>
<td>home1</td>
<td>home1</td>
<td>
<input class="btn btn-mini btn-danger deleteMenu" type="button" value="Delete" name="delete">fgfg</td>
</tr>
</table>

然后你的js：

$(".deleteMenu").click(function(){    
    $(this).parent().siblings(':eq(0)').css("color","red");
});

JSFiddle Demo

Answer 8

我们在这里：

$(".deleteMenu").click(function(){    
      $(this).closest('tr').find('td').first().css("color","red");
});

Answer 9

$(".deleteMenu").parent()将选择该输入的父节点，即TR。此外，不要在TR中直接包含代码，使用TD或TH并将其放入其中。因此，在将其放入自己的TD后，您正在寻找

$(".deleteMenu").click(function(){    
    $(this).parents("tr").find("td").first().css("color","red");
});

Answer 10

您可以使用:first-child。

我认为myTable是表格的ID

$("#myTable tr td:first-child").css("color","red");

Js Fiddle

请同时更改您的标记。

tr个元素只能td没有text。您已在tr元素中编写文本。

如何选择第一个td

10 个答案: