我的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?
答案 0 :(得分:5)
尝试:
$(".deleteMenu").click(function () {
$(this).closest('tr').find('td:first').css("color", "red");
});
<强> jsFiddle example 强>
使用您的选择器.parent()
,您将选择包含该按钮的单元格。实现您希望它将DOM遍历到行(.closest('tr')
)然后返回到第一个单元格(.find('td:first')
)的一种方法。
顺便说一下BTW,在您的示例中,文字cfgdfgh
在您拥有它的地方无效。
答案 1 :(得分:2)
这很容易做到这一点:
$(".parentClass").find("td:eq(0)")... /* :eq(0) = first occurance */
此外,您的HTML标记也是错误的。
答案 2 :(得分:2)
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
});
答案 3 :(得分:1)
最简单的方法是将一个类分配给。我不知道是否可以为一个(可能是可能的)分配一个id。
答案 4 :(得分:1)
这将获得行中的第一个td
:
$(".deleteMenu").click(function(){
$('.success td').eq(0).css("color","red");
});
答案 5 :(得分:1)
Hopefull这有助于:
http://jsbin.com/eruric/1/edit
$(".success").find("td:first").css("background-color", "red");
答案 6 :(得分:1)
您的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");
});
答案 7 :(得分:1)
我们在这里:
$(".deleteMenu").click(function(){
$(this).closest('tr').find('td').first().css("color","red");
});
答案 8 :(得分:1)
$(".deleteMenu").parent()
将选择该输入的父节点,即TR。此外,不要在TR中直接包含代码,使用TD或TH并将其放入其中。因此,在将其放入自己的TD后,您正在寻找
$(".deleteMenu").click(function(){
$(this).parents("tr").find("td").first().css("color","red");
});
答案 9 :(得分:1)
您可以使用:first-child
。
我认为myTable
是表格的ID
$("#myTable tr td:first-child").css("color","red");
请同时更改您的标记。
tr
个元素只能td
没有text
。您已在tr
元素中编写文本。