Ongi,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.selected {
background: #32CD32;
}
td{
width: 50px;
border: #0000FF 1px solid;
cursor: pointer;
padding: 2px 4px;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function () {
var $tr = $("tr");
$tr.click(function () {
var text = $("td:first", this).text();
$tr.each(function () {
$("td:first", this).text() == text ? $(this).toggleClass("selected") : $(this).removeClass("selected");
});
})
})
</script>
</head>
<body>
<table style="background-color: #D3D3D3; border-color: #000000">
<tr>
<td>название1</td>
<td></td>
</tr>
<tr>
<td>название2</td>
<td></td>
</tr>
<tr>
<td>название2</td>
<td></td>
</tr>
<tr>
<td>название1</td>
<td></td>
</tr>
<tr>
<td>название1</td>
<td></td>
</tr>
</table>
</body>
</html>