Question

我有一个下表代码。我想得到表格行值，其中类为“突出显示”，下面是我尝试的代码，但我得到null。请有人帮忙。

表名= itemtable;表行将使用jquery动态加载。

<table cellspacing="0"  cellpadding="0" id="itemtable" class="t1" border="1px"> 
    <thead>
    <tr>
    	<th> SLno</th>
        <th>Item code</th> 
        <th>Item name</th> 
        <th>Received qty</th>  
		<th>Insp Date</th> 
        <th>Accepted qty</th>   
        <th>Rejected qty</th>      
        <th>Remarks</th>          
    </tr> 
    </thead>
    <tbody></tbody>
</table>

当用户数据库点击itemtable行时，使用下面的代码突出显示使用“.highlight”类的行。

$(document).on("dblclick", "#itemtable tr", function (e) {
	//high light the table row
	$('#itemtable tr').not(this).removeClass('highlight');
    $(this).toggleClass('highlight'); 
});

现在我试图获得其中一个值首先说明，它在另一个程序流程中突出显示类（即选中的行）（突出显示后）。

var selectedrow = $('#itemtable tr.highlight');
    var slno = $(this).closest("tr").find('td:eq(2)').text();

Answer 1

喜欢这个吗？

UseWhen

Answer 2

以下代码正常运作。

＆＃13;

var selectedrow = $('.highlight');
    var slno = selectedrow.closest("tr").find('td:eq(0)').text();

＆＃13;

Answer 3

这完全取决于ajax的反应。如果你分享了ajax代码会更好。尽管尝试下面的代码：

<table id="itemtable">
    <thead>
        <tr>
            <th>SLno</th>
            <th>Item code</th> 
            <th>Item name</th> 
            <th>Received qty</th>  
            <th>Insp Date</th> 
            <th>Accepted qty</th>   
            <th>Rejected qty</th>      
            <th>Remarks</th>          
        </tr> 
    </thead>
    <tbody>
        ...Your ajax response will append here...
    </tbody>
</table>

JQuery代码：

$(document).ready(function(){
        setTimeout(function(){
        $('table#itemtable').find('tr.highlight').each(function(i, v){
            $(v).find('td').each(function(v1){
                console.log($(this).text());
            });
        });
    }, 4000);
});

让我知道它是否适合您。我添加了fiddle。

无法获取具有特定类名的表行值

3 个答案: