选择最近的(选择器)元素

时间:2013-10-09 12:12:34

标签: javascript jquery

我有以下内容:

<tbody id="tableBody">
    <tr>
        <td><input id="id" name="id" type="radio" value="1"></td>
        <td>Adam</td>
        <td>London</td>
    </tr>
    <tr>
        <td><input id="Radio1" name="id" type="radio" value="2"></td>
        <td>Steve</td>
        <td>New York</td>
    </tr>
    <tr>
        <td><input id="Radio2" name="id" type="radio" value="3"></td>
        <td>Jaques</td>
        <td>Paris, France</td>
    </tr>
    <tr>
        <td><input id="Radio3" name="id" type="radio" value="4" 
            checked="checked"></td>
        <td>Jora</td>
        <td>Chisinau</td>
    </tr>
</tbody>

在jQuery中,我选择了checked元素(其中值= 4),如下所示:

var selectedRadio = $('#tableBody').find('input:radio:checked')

现在我想

selectedRadio.closest('tr').remove();

但在删除之前我想检查以前的(值= 3)无线电...

如何搜索具有selectedRadio元素的上一个广播,以便进行检查?

2 个答案:

答案 0 :(得分:1)

var $tr = selectedRadio.closest('tr')
$tr.prev().find('input[type="radio"]').prop('checked', true)
$tr.remove();

答案 1 :(得分:0)

var selectedRadio = $('#tableBody').find('input:radio:checked');
var $tr = selectedRadio.closest('tr');
var $prev_tr = $tr.prev().find('input:radio');
$tr.remove()