Question

html:

<tr id="tr">
     <td>Somthing</td>
     <td>Somthing</td>
     <td>Somthing</td>
     <td>Somthing</td>
</tr>

滑动分页

$("#tr").click(function(){

// something happen

});

因此，问题是：

点击效果显然会得到<；tr>



当我点击<；tr>？


编辑：

如果我有超过1 tr

<tr class="tr">
     <td>Somthing</td>
     <td>Somthing</td>
     <td>Somthing</td>
     <td>Somthing</td>
</tr>
<tr class="tr">
     <td>Somthing</td>
     <td>Somthing</td>
     <td>Somthing</td>
     <td>Somthing</td>
</tr>


the solution td:lt(4) will only work in the first tr
ps.: i neeed to identify the tr, because i have another stuffs around the code working with tr s

我的真实代码是：

$(".class td:lt(6)").live("click", function(){


 });


damo:http://jsfiddle.net/w3hKf/4/

Answer 1

尝试使用lt（小于）选择器。

$( .specialTD td:lt(4) ).click(function(){

// what cell was clicked?
var clickedId = $(this).attr( id );

});

更新：

您可以为所有行分配一个相同的类名，并为每个td分配一个单独的id

Answer 2

您只能像这样将事件处理程序绑定到第三个元素：

$("#tr td:eq(2)").click(function(){

// somthing happen

});

Answer 3

$("tr#tr td:not(:last)").click(function(){

// somthing happen

});

Answer 4

是的，你可以！

JSfiddle DEMO

//########## using :lt() selector

$( #test1 li:lt(3) ).css({color:  #cf5 });

$( #test1 li:lt(3) ).click(function() {
    $(this).css({color:  #caf });
});

//########## using .slice() method for better performance

$( #test2 li ).slice(0, 3).css({color:  #cf5 });

$( #test2 li ).click(function() {
    $(this).slice(0, 3).css({color:  #caf });
});

"Because :lt() is a jQuery extension and not part of the CSS specification, queries using :lt() cannot take advantage of the performance boost provided by the native DOM querySelectorAll() method. For better performance in modern browsers, use $("your-pure-css-selector").slice(0, index) instead." (jQuery.com)

DOCUMENTATION:
http://api.jquery.com/lt-selector/
http://api.jquery.com/slice/

JSfiddle DEMO

友情链接