jQuery在变量中迭代HTML并删除第一个单选按钮

时间:2011-11-04 15:45:09

标签: javascript jquery

我有一些HTML存储在javascript变量中,如下所示。示例如下所示。

var divHTML = "<table><tbody><tr><td><input type='radio' name='radio_1'></td></tr><tr><td></td><tr><td><input type='radio' name='radio_2'></td></tr></tbody></table>;

我想遍历divHTML并删除第一个单选按钮以及包裹它的<tr></tr>并返回HTML的其余部分。 (也可以通过删除第一个<tr></tr>来实现同样的效果 - 因为它会移除内部的内容,但最终目标是看不到第一个单选按钮。)

还创建了一个带有字符串的JSFiddle。 jsFiddle请帮忙。希望问题清楚,并提前多多感谢。

2 个答案:

答案 0 :(得分:3)

顺便说一下,你忘记了一个结束引号:

var divHTML = "<table><tbody><tr><td><input type='radio'></td></tr><tr><td></td><tr><td><input type='radio'></td></tr></tbody></table>";
var $divhtml = $(divHTML);
$divhtml.find(':radio:first').closest('tr').remove();

newHTML = $divhtml.clone().wrap('<div/>').parent().html();
alert(newHTML);

答案 1 :(得分:1)

不知道你在做什么,但这会有效吗?

var divHTML = "<table><tbody><tr><td><input type='radio'></td></tr><tr><td></td><tr><td><input type='radio'></td></tr></tbody></table>"

$('body').append($(divHTML));

$("input:first").hide();

或者您可以隐藏divHTML中的第一个单选按钮&#34;标记&#34; 之前追加<body> ...

var newHTML = $(divHTML);

$("input:first",newHTML).hide();

$('body').append(newHTML);

JSFiddle here