выполнение скрипта для элемента со своим id
простите я не силен в jquery, и встрял на такой проблеме:
есть некая таблица <style> .starthidden { display:none; } </style> <table width="100%" border="0"> <tr id='1'> <td>текст1</td> <td>текст2</td> </tr> <tr id='1' class='starthidden'> <td>текст3</td> <td>текст4</td> </tr> <tr id='2'> <td>текст5</td> <td>текст6</td> </tr> <tr id='2' class='starthidden'> <td>текст7</td> <td>текст8</td> </tr> ..... </table> необходимо чтоб при нажатии на видимое поле появлялись все строки с таким же id как у объекта к которому идёт обращение.. таких строк в таблице очень много, поэтому полагаю что нужно использовать this, но никак не могу понять как описать сравнение id элементов и выполнение к ним скрипта.. подскажите пожалуйста! |
Цитата:
P.S. У тебя в примере нет полей... |
Цитата:
т.е. я кликаю на строку, и снизу всплывает еще одна или несколько строк с какими то дополнительными данными, связанные с первоначальной строкой |
Цитата:
Как вариант, все строки имеют свой "порядковый номер" в табличке... У строк есть свойства ДОМ "следующий" и "предыдущий" элемент... Есть такой атрибут как class например... |
Цитата:
Цитата:
например : $(document).ready(function(){ $('tr').click(function () { var class = $(this).attr('class'); $('class').show("fast"); }); }); код отчасти бессмысленный потому что он не работает, переменной class я хотел как то сделать сравнение, но хз как... алгоритм такой: кликаю на <tr>, находиться значение атрибута class, потом делается show ко всем объектам с таким же атрибутом... и вот нифига не получается =( |
Цитата:
$(class).show("fast"); |
Цитата:
вот с синтаксисом реально косяк, даже про if не могу подобрать что да как.. а логика тут простая: если visible:none то show(), если visible:true(или как то там) то hide()... |
Цитата:
Цитата:
|
Цитата:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <!-- <link rel="stylesheet" type="text/css" href="tmp.css" /> --> <style type="text/css"> .starthidden { display:none; } #data tr { cursor: pointer; } </style> <script type="text/javascript"> $(document).ready(function(){ $('#data tr').click(function(){ var group=$(this).attr('group'); $('.starthidden[group='+group+']').toggle(); }); }); </script> </head> <body> <table id='data' width="100%" border="0"> <tr group='1'> <td>текст1</td> <td>текст2</td> </tr> <tr group='1' class='starthidden'> <td>текст3</td> <td>текст4</td> </tr> <tr group='2'> <td>текст5</td> <td>текст6</td> </tr> <tr group='2' class='starthidden'> <td>текст7</td> <td>текст8</td> </tr> </table> </body> </html> |
а что за атрибут такой <tr group='...' ?
|
Часовой пояс GMT +3, время: 22:56. |