在jQuery中的跨度之后选择列表答案

【问题标题】：Selecting the list just after a span in jQuery在jQuery中的跨度之后选择列表
【发布时间】：2023-03-04 14:23:02
【问题描述】：

我从页面上隐藏的内容中选择一些数据。我需要选择一个列表，然后将其显示在一个名为“mydiv”的 div 中

隐藏的内容类似于以下结构：

<h2><span class="abc" id="M"> M </span></h2>
<ul>
    <li>Content</li>
    <li>Content</li>
</ul>
<h2><span class="abc" id="N"> N </span></h2>
<ul>
    <li>Content</li>
    <li>Content</li>
</ul>

我正在尝试在 mydiv 中附加以下内容：

M
 Content
 Content
N
 Content
 Content

以下是正在运行的 Jquery 代码：

$(".abc").each(function() {
$( this ).appendTo( "#mydiv" );
$("#mydiv").append('<br />');
});

上面的代码现在可以显示 M 和 N。我也不知道如何显示该列表。

我尝试的是：

var id = $(this).attr("id");
$("id + ul").children().each(function(){
   //No Idea what to write
});

有人可以帮我处理这段代码吗？谢谢

【问题讨论】：

我认为正确的答案是使用 $.toggle() 方法api.jquery.com/toggle
这里你可以选择
内容和选择
你需要显示div'mydiv'的内容，是你想要的吗？

$(".abc").each(function() { $("#mydiv").append($(this).text()); $(this).parent().next().children().each(function(){ $("#mydiv").append('<br/>'); $("#mydiv").append($(this).text()); }); $("#mydiv").append('<br/>'); });