2016-10-03 79 views
-1

的jquery或JS幫助關於HTML表總和低於

下面

是HTML表

Snap Short of The HTML TABLE IS HERE

Likw this i want result plz Click to see it.

+1

需要另一個HTMLtable的結果 –

+0

你應該添加你的html和你試過的東西。 – Mohammad

+0

我嘗試過,但沒有得到任何東西在我的手中。我對JS和Jquery不是很熟悉 –

回答

0
<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
var id=[]; 
$('#test tbody tr').each(function(){ 
if($(this).find('td:eq(1)').text()!= "" 
    && 
id.indexOf($(this).find('td:eq(1)').text()) == -1 
) 
{ 
id.push($(this).find('td:eq(1)').text()) 
} 
}); 
objNewTable=""; 
for(i=0;i<id.length;i++) 
{ 
var tableRow = $("td").filter(function() { 
    return $(this).text() == id[i] ; 
}).closest("tr"); 


sum=0; 
$(tableRow).each(function(){ 
sum = sum + parseInt($(this).find("td:eq(3)").text(), 10); 

}); 

objNewTable =objNewTable + "<tr><td>" + (i+1) + "</td><td>" +$(tableRow).find(':eq(1)').html()+ "</td><td>" +$(tableRow).find(':eq(2)').html()+ "</td><td>" + sum + "</td></tr>" 
} 

$('#result').html(objNewTable) 

}); 
</script> 
</head> 
<body> 
<table id='result'> 
</html> 
<table id='test'> 
    <tr> 
    <th>Id</th> 
    <th>Member Id</th> 
    <th>Name</th> 
    <th>Cost</th> 
    </tr> 
<tbody> 
    <tr> 
    <td>1</td> 
    <td>AB3550</td> 
    <td>Rohan</td> 
    <td>500</td> 
    </tr> 
    <tr> 
    <td>2</td>  
    <td>AB3856</td> 
    <td>Ruchit</td> 
    <td>200</td> 
    </tr> 
    <tr> 
    <td>3</td>  
    <td>AB3550</td> 
    <td>Rohan</td> 
    <td>200</td> 
    </tr> 
    <tr> 
    <td>4</td> 
    <td>AB3550</td> 
    <td>Rohan</td> 
    <td>50</td> 
    </tr> 
    <tr> 
    <td>5</td> 
    <td>AB3856</td> 
    <td>Ruchit</td> 
    <td>500</td> 
    </tr> 
</tbody> 
</table> 

</body> 
</html> 
+0

感謝您的回覆 –

+0

對不起,我是新的&現在我不符合投票任何人的條件。我會盡快爲您投票。 –