Javascript 从…中删除。。。到

所以我有一个问题：我需要从一个标签到另一个标签删除“信息”，包括标签之间的文本

因此，html中的某些地方是：

<input type="radio" rel="1" value="Surname1" name="lastnames">Surname1<br>
<input type="radio" rel="2" value="Name2" name="lastnames">Name2<br>
<input type="radio" rel="3" value="lol" name="lastnames">lol<br>
<input type="radio" rel="4" value="lol2" name="lastnames">lol2<br>

所以，在发送gettophp之后，我需要从radio列表中删除deleted项。输入都可以，但名字在他旁边我有问题

附言。

---

我知道，这种情况很愚蠢，但我直到明天（考试）才有时间重写它。

用

span

元素包装标签

<input type="radio" rel="1" value="Surname1" name="lastnames"><span>Surname1</span><br>
<input type="radio" rel="2" value="Name2" name="lastnames"><span>Name2</span><br>

---

保留删除/更新函数的HttpPost操作始终是一种良好的做法。否则，任何人都可以从数据库中删除一条记录，如果他们知道项目ID，只需在浏览器中用这些查询字符串执行页面。

不确定你正试图做什么和/或为什么它不工作，但是考虑编写这样的代码：

var $selected_radio = $('input:radio:checked'); // store element reference
$.get('index.php?delete_by_id=' + $selected_radio.attr('rel'), function() {
    // use a callback function to only remove if code succeeds
    $selected_radio.remove();
});

编辑：回过头来看，我看到您希望删除输入及其标签。您只需将您的HTML修复为它实际应该的样子：

<label>
    <input type="radio" rel="1" value="Surname1" name="lastnames"> Surname1
</label>

---

我通常总是使用标签来显示连接到单选按钮的文本：

<input id="radio1" type="radio" rel="1" value="Surname1" name="lastnames"><label for="radio1">Surname1</label><br>
<input id="radio2" type="radio" rel="2" value="Name2" name="lastnames"><label for="radio2>Name2</label><br>
<input id="radio3" type="radio" rel="3" value="lol" name="lastnames"><label for="radio3">lol</label><br>
<input id="radio4" type="radio" rel="4" value="lol2" name="lastnames"><label for="radio4">lol2</label><br>

---

是的，关于函数，我现在正在测试，所以不方便

<label>
    <input type="radio" rel="1" value="Surname1" name="lastnames"> Surname1
</label>

$selected_radio.closest('label').remove();

<input id="radio1" type="radio" rel="1" value="Surname1" name="lastnames"><label for="radio1">Surname1</label><br>
<input id="radio2" type="radio" rel="2" value="Name2" name="lastnames"><label for="radio2>Name2</label><br>
<input id="radio3" type="radio" rel="3" value="lol" name="lastnames"><label for="radio3">lol</label><br>
<input id="radio4" type="radio" rel="4" value="lol2" name="lastnames"><label for="radio4">lol2</label><br>

var current_rel = $('input:checked:radio').attr('rel'),
    current_id = $('input:checked:radio').attr('id');
$.get('index.php?delete_by_id='+current_rel);
$('#' + current_id + ', label[for="' + current_id + '"]).remove();