如何选择第一个td

how to select the first td

本文关键字：第一个 td 选择 何选择      更新时间：2023-09-26

我的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 ?

演示

尝试:

$(".deleteMenu").click(function () {
    $(this).closest('tr').find('td:first').css("color", "red");
});
<<p> jsFiddle例子/strong>

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

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

1)从编写有效的HTML

开始

2)沿着DOM树往上走，直到找到row元素，为此您应该使用.close ()

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
});

这样做很容易:

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

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

这将获得行中第一个td:

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

希望这对你有帮助:

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

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

你的HTML是无效的，你缺少一个"标签，你有<td> s之外的文本，把它改成这个:

<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");
});
<<p> JSFiddle演示/strong>

我们到了:

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

$(".deleteMenu").parent()将选择该输入的父级，即TR。此外，不要直接在TR中包含代码，使用TD或TH并将其放在里面。在把它放到自己的TD中之后，你要找的是

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

您可以使用:first-child。

我假设myTable是表

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

Js小提琴

请把你的标记也修改一下。

tr元素只能有td而不能有text。您已经在tr元素中写入了文本

相关文章：