嗨我正在做一个花卉应用程序,其中我有1个父div和7个静态div元素作为孩子,他们的resp id如div1,div2..div6和div_image以及三个按钮'assign images'和'add image'和'排序图片'
在'分配图像'上单击,在14个图像中,12个图像被添加到div_image。
现在有两种情况
2.当排序点击div_image中的12个图像时,它们被混洗并附加到div1,div2,div3和div4(每个div 3个图像)和其他div5,div6保持为空。 所以现在当点击'添加图片'时,我想在div1-div6中将1张图片附加到div(带有孩子),在这种情况下为'div4'(根据注释,它可能是div2)
我已经尝试了nth-last-child以及parent_div:last但是它没有工作,我得到了div6而不是我想要div4。
有人请给我任何想法吗?注意: 在'sort'之后,我正在从数据库中获取图像,所以如果有12个图像,则每个3个图像将被附加到div1-div4,如果我有7个图像,则只有2个div表示div1,div2将附加3个图像,所以其他所有来自div3-div6仍然是空的
我正在使用jquery来完成这个功能。
答案 0 :(得分:0)
据我了解,每个孩子div都拥有自己的id,如div1,div2,div3,div4,div5和div6,对吗?如果是这样,您可以使用以下代码轻松访问其中的每一个:
$('#div1'), $('#div2'), $('#div3'), $('#div4'), $('#div5'), $('#div6')
如果您没有为这些div提供任何特定ID,那么您至少应该为他们添加一个班级'所以你可以做这样的事情
$('.child:nth-child(4)')
考虑为父母添加一些标识符,这样可以使您的工作更轻松。
编辑后编辑:
现在,看到进一步的要求和提供的代码结构,这里有一个选择器,它将返回包含任何内容的最后一个div:
$('#images_parent div[id^=div]').not('div[id$="_image"],div:empty').last();