添加：使用jquery wrap函数的nth-child

Question

我正在尝试在我的某个电子商务网站的标题中显示两个列下拉菜单。因此，要显示我正在使用ul列表的子产品，这些子列表会根据条件动态添加。

使用在右侧添加的.wrap（）jquery函数显示我正在使用ul：nth-​​child（n）和包装4 ul的子产品。

请参阅随附的屏幕截图。

我的主要问题是没有子产品时;额外ul列表是描述区域的一部分，会自动添加到课程.sub-menu-product上并显示在菜单区域中，这就是问题所在。

这是.wrap函数。

$('h3:nth-child(7), ul:nth-child(n+7), h3:nth-child(9), ul:nth-child(n+9), h3:nth-child(11), ul:nth-child(n+11), h3:nth-child(13), ul:nth-child(n+13)').wrapAll('<div class="sub-menu-product" />');

以下是工作 DEMO 。