Выборка в таблице Jquery

@Mogul-kan · Регистрация: 24.04.2010

Студворк — интернет-сервис помощи студентам

Здравствуйте. Пытаюсь работать с DOM, создаю таблицу и поля из массива txt (результат на картинке):

JavaScript
1
2
3
4
5
 txt = new Array;    //Массив данных
    txt[ 0 ] = new Array( "1", "Chaplin", "10:40", "Драма", "ПН" );
    txt[ 1 ] = new Array( "2", "A Man In Uniform", "11:20","Драма", "СР" )
    var Table=document.createElement("table"); 
    //и т.д

Пытаюсь проитись по элементам таблицы и сделать выборку:

JavaScript
1
 var films=$("#films option:selected").html();//получаю какой фильм я выбрал-его название

Как мне теперь с помощью Jquery сделать выборку из этой таблицы по полученному мною фильму(var films)?

@Soldado · 29.10.2013, 13:59

Вот как пример, в нём я подсвечиваю строку.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Films</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var films;  
$('#films').change(function(){
   films=$("#films option:selected").text();
 $('#tbody_films tr').removeClass('active_film'); // для всех строк таблицы удаляем класс  
  $('#tbody_films tr').each(function(){ // проходим в цикле по всем строкам
     var film =  $(this).find('td').eq(1).text();// из каждой строки выбираем ячейку 2, а в ней название фильма
        if(film==films){
            $(this).addClass('active_film'); // при совпадении выбранного из селектора и записанного в таблицем  добавляем класс строке
        }
  }); 
});    
}); /*end ready*/
</script>
 
</head>
<style>
#table_films th{
width:150px;
background-color:#e4e41b;   
border:1px solid #7a857b;
border-collapse: collapse;  
}   
#table_films td{
border:1px solid #7a857b;
border-collapse: collapse;
text-align: center; 
}       
.active_film{
    background-color: #ffd2d2;
}   
</style>
<body style="padding:200px">
Выберите фильм
<select  id="films">
<option ></option>
<option >Chaplin</option>
<option >A Man in uniform</option>
 
</select><br/><br/>
<table id="table_films">
    <tr>
        <th>Канал</th>
        <th>Название</th>
        <th>Время</th>
        <th>Жанр</th>
        <th>День</th>
    </tr>
<tbody id="tbody_films">    
    <tr>
        <td>1</td>
        <td>Chaplin</td>
        <td>10:40</td>
        <td>Драма</td>
        <td>Пн</td>
    </tr>
    <tr>
        <td>2</td>
        <td>A Man in uniform</td>
        <td>11:20</td>
        <td>Драма</td>
        <td>СР</td>
    </tr>
</tbody>    
</table>
 
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .