问题描述
|
我试图限制append函数,使其仅适用于顶级LI,但是我显然不知道如何选择这种函数。我已经搜寻了最近几天,希望找到可以引导我朝正确方向前进的东西,但到目前为止还没有运气...
我只希望在顶层使用向下箭头,而在后续的LI中使用向右箭头。希望这会有意义。这是我正在使用的代码。
$(\"ul.dropdown li:has(ul)\").find(\"a:first\").append(\'<img class=\"down_arrow\" border=\"0\" style=\"padding-left:3px;\" src=\"http://nunyabiz.zxq.net/img/down.gif\" />\')
$(\"ul.dropdown li ul li:has(ul)\").find(\"a:first\").append(\'<img class=\"right_arrow\" border=\"0\" style=\"padding-left:3px;\" src=\"http://nunyabiz.zxq.net/img/right.gif\" />\');
要查看完整的代码:http://nunyabiz.zxq.net/menu/index.html
解决方法
使用子选择器(“父>子”)选择器
$(\"ul.dropdown > li:has(ul)\").find(\"a:first\").append(
$(\"<img>\",{
\"class\": \"down_arrow\",border: 0,style: \"padding-left:3px;\",src: \"http://nunyabiz.zxq.net/img/down.gif\"
})
);
或您的感受:
$(\"ul.dropdown > li:has(ul)\")
.find(\"a:first\")
.append(\'<img class=\"down_arrow\" border=\"0\" style=\"padding-left:3px;\" src=\"http://nunyabiz.zxq.net/img/down.gif\" />\')
没关系