jquery; -видимость с использованием visible (), как я могу выбрать переключатель первой видимой tr - PullRequest
Новая
       13

jquery; -видимость с использованием visible (), как я могу выбрать переключатель первой видимой tr

1 голос
/ 17 октября 2011

Моя таблица похожа на следующую.Используя visible(), как я могу выбрать переключатель первой видимой tr на двух разных элементах div (hidden_source1 и hidden_source2)?Я уже сделал это следующим образом: во-первых, является ли tr видимым и проверен или нет в двух делениях, во-вторых, если видимое tr найдено, щелкните радио в этом делении. 

<HTML>
<title></title>
<head>
<script type="text/JavaScript">
<tab>$(document).ready(function(){
<tab>$("#hidden_source1").find( "input", ".rower:visible" )[0].checked = true;
<tab>$("#hidden_source1").find( "input", ".rower:visible" )[0].click
});
<tab>$(document).ready(function(){
<tab>$("#hidden_source2").find( "input", ".rower:visible" )[0].checked = true;
<tab>$("#hidden_source2").find( "input", ".rower:visible" )[0].click
});
</script>
</head>
<body> 
    <div id="hidden_source1">
<table id="return_me" class="tbl2" cellspacing="0" cellpadding="0" border="0" width="100%">
<tbody>
<tr class="rower" style="display: none;">
<td width="4">&nbsp;</td>
<td width="30">
<input class="return_r" type="radio" name="return">
</td>
</tr>
<tr class="rower" style="display: none;">
<td width="4">&nbsp;</td>
<td width="30">
<input class="return_r" type="radio" name="return">
</td>
</tr>
<tr class="rower" style="display: none;">
<td width="4">&nbsp;</td>
<td width="30">
<input class="return_r" type="radio" name="return">
</td>
</tr>
<tr class="rower" style="display: table-row;">
<td width="4">&nbsp;</td>
<td width="30">
<input class="return_r" type="radio" name="return">
</td>
</tr>
<tr class="rower" style="display: table-row;">
<td width="4">&nbsp;</td>
<td width="30">
<input class="return_r" type="radio" name="return">
</td>
</tr>
<tr class="rower" style="display: table-row;">
<td width="4">&nbsp;</td>
<td width="30">
<input class="return_r" type="radio" name="return">
</td>
</tr>
</tbody>
</table>
</div>
<div id="hidden_source2">
<table id="return_me" class="tbl2" cellspacing="0" cellpadding="0" border="0" width="100%">
<tbody>
<tr class="rower" style="display: none;">
<td width="4">&nbsp;</td>
<td width="30">
<input class="return_r" type="radio" name="return">
</td>
</tr>
<tr class="rower" style="display: none;">
<td width="4">&nbsp;</td>
<td width="30">
<input class="return_r" type="radio" name="return">
</td>
</tr>
<tr class="rower" style="display: none;">
<td width="4">&nbsp;</td>
<td width="30">
<input class="return_r" type="radio" name="return">
</td>
</tr>
<tr class="rower" style="display: table-row;">
<td width="4">&nbsp;</td>
<td width="30">
<input class="return_r" type="radio" name="return">
</td>
</tr>
<tr class="rower" style="display: table-row;">
<td width="4">&nbsp;</td>
<td width="30">
<input class="return_r" type="radio" name="return">
</td>
</tr>
<tr class="rower" style="display: table-row;">
<td width="4">&nbsp;</td>
<td width="30">
<input class="return_r" type="radio" name="return">
</td>
</tr>
</tbody>
</table>
</div>

</body>
</HTML>

Ответы [ 3 ]

3 голосов
/ 17 октября 2011

Вы также можете использовать 

$(function(){
    $('tr.rower:visible:first input').attr('checked', true);
});
3 голосов
/ 17 октября 2011 
$(document).ready(function(){
    $( 'div[id^="hidden_source"]' ).each(
        function(){
        $( ".rower:visible:first input", this ).prop( "checked", true );
        }
    );

});

http://jsfiddle.net/rB8EE/2/

Вам нужно иметь разные имена для радиовходов внутри hidden_source1 и hidden_source2 ...

0 голосов
/ 18 октября 2011 
$(document).ready(function(){
    $( 'div[id^="hidden_source"]' ).each(
        function(){
        $( ".rower:visible:first input", this ).prop( "checked", true );
        }
    );

});

(OR)

BY THE REFERENCE OF Mr.methodin'S ANSWER
$(document).ready(function(){

    $('.tbl1').find('tr.rower:visible:first input').attr('checked', true);
$('.tbl2').find('tr.rower:visible:first input').attr('checked', true);

});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...