Jquery 按类查找（）元素然后将其删除

发布于 2024-11-29 16:29:05 字数 982 浏览 0 评论 0 原文

我正在尝试编辑 var 中的 html 。我想将带有“文件”类的 UL 移至其自己的 var，然后将其从数据 var 中删除。

到目前为止我已经做到了，但做错了。我似乎无法理解它。

var data = '<ul class="dirs"><li class="d"><a href="#" rel="/Games/">Games</a></li><liclass="d"><a href="#" rel="/Log/">Log</a></li></ul><ul class="files"><li class="f"><a href="#">fubar.txt</a></li><li class="f"><a href="#">fubar2.txt</a></li></ul>';

var files = $(data).find("UL.files").html();

预期结果：

data = '<ul class="dirs"><li class="d"><a href="#" rel="/Games/">Games</a></li><li class="d"><a href="#" rel="/Log/">Log</a></li></ul>';

files = '<ul class="files"><li class="f"><a href="#">fubar.txt</a></li><li class="f"><a href="#">fubar2.txt</a></li></ul>';

谢谢

原文

I have html in a var that I am trying to edit. I want to move the UL with class "files" to its own var then remove it from the data var.

I have this so far but doing it wrong. I cant seem to understand it.

var data = '<ul class="dirs"><li class="d"><a href="#" rel="/Games/">Games</a></li><liclass="d"><a href="#" rel="/Log/">Log</a></li></ul><ul class="files"><li class="f"><a href="#">fubar.txt</a></li><li class="f"><a href="#">fubar2.txt</a></li></ul>';

var files = $(data).find("UL.files").html();

Expected Result:

data = '<ul class="dirs"><li class="d"><a href="#" rel="/Games/">Games</a></li><li class="d"><a href="#" rel="/Log/">Log</a></li></ul>';

files = '<ul class="files"><li class="f"><a href="#">fubar.txt</a></li><li class="f"><a href="#">fubar2.txt</a></li></ul>';

Thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦里梦着梦中梦 2024-12-06 16:29:05

您无法修改字符串，但可以创建新字符串。

var data = '<ul class="dirs"><li class="d"><a href="#" rel="/Games/">Games</a></li><liclass="d"><a href="#" rel="/Log/">Log</a></li></ul><ul class="files"><li class="f"><a href="#">fubar.txt</a></li><li class="f"><a href="#">fubar2.txt</a></li></ul>';

var ul1 = $(data).filter('ul')[0];
var ul2 = $(data).filter('ul')[1];

var files1 = ul1.outerHTML || $('<div>').append(ul1).html();
var files2 = ul2.outerHTML || $('<div>').append(ul2).html();

这会将新的 UL 元素放入 ul1 和 ul2 中。然后，要获取 html 字符串，请使用 .outerHTML 属性。

由于 Firefox 不支持 outerHTML，因此您需要进行一些修改才能使其与浏览器兼容。

示例输出： http://jsfiddle.net/bjgLV/

You can't modify the string, but you can create new strings.

var data = '<ul class="dirs"><li class="d"><a href="#" rel="/Games/">Games</a></li><liclass="d"><a href="#" rel="/Log/">Log</a></li></ul><ul class="files"><li class="f"><a href="#">fubar.txt</a></li><li class="f"><a href="#">fubar2.txt</a></li></ul>';

var ul1 = $(data).filter('ul')[0];
var ul2 = $(data).filter('ul')[1];

var files1 = ul1.outerHTML || $('<div>').append(ul1).html();
var files2 = ul2.outerHTML || $('<div>').append(ul2).html();

This places a new UL element into ul1 and ul2. Then to get the html string, you use the .outerHTML property.

Because Firefox doesn't support outerHTML, you need a hack to make it browser compliant.

Example output: http://jsfiddle.net/bjgLV/

回复收藏 0 原文

ゝ偶尔ゞ 2024-12-06 16:29:05

我发现 $(data) 没有生成您想要的整个 html。尝试运行 $(data).html()

输出："

Log"

回复收藏 0 原文

泪意 2024-12-06 16:29:05

看看这个：http://jsfiddle.net/kcAn3/

您之前的代码没有通过 w3c 验证方案，我猜 jquery 帐户

回复收藏 0 原文

甜柠檬 2024-12-06 16:29:05

试试这个

var data = '<ul class="dirs"><li class="d"><a href="#" rel="/Games/">Games</a></li><liclass="d"><a href="#" rel="/Log/">Log</a></li></ul><ul class="files"><li class="f"><a href="#">fubar.txt</a></li><li class="f"><a href="#">fubar2.txt</a></li></ul>';

var $uls = $(data).filter("ul").wrap("<div>");

data = $uls.first().parent().html();
file = $uls.last().parent().html();

Try this

var data = '<ul class="dirs"><li class="d"><a href="#" rel="/Games/">Games</a></li><liclass="d"><a href="#" rel="/Log/">Log</a></li></ul><ul class="files"><li class="f"><a href="#">fubar.txt</a></li><li class="f"><a href="#">fubar2.txt</a></li></ul>';

var $uls = $(data).filter("ul").wrap("<div>");

data = $uls.first().parent().html();
file = $uls.last().parent().html();

回复收藏 0 原文

~没有更多了~