请问怎么让动态创建的元素隐藏

Question

谁知道怎么能让动态创建出来的菜单 右面的 下拉箭头隐藏，比如有二级菜单我显示下拉箭头，没有我就隐藏，我在循环出来的箭头<span>标签给了.css("display","none"); 但是不好使，谁知道怎么做。（console那行能取到）
data[i].area 是存放二级菜单的数组名

Answer 1

你循环中只是在拼接字符串，还没有真正创建元素，应该把style="display: none;"拼接进字符串里。
str += .......... + '<span ' + (data[i].area ? '' : 'style="display: none;" ') + '..........>'

Answer 2

这是我span行的代码  str += '<li>' +'<a href="#" class="sidebar-sub-toggle">' + '<i class="ti-home"></i>' + data[i].name + '<span class="sidebar-collapse-icon ti-angle-down">' + '</span>' + '</a>' + str1  + '</li>';请问在字符串里怎么拼接三目运算符啊，我照着你的写总是提示语法错误

Answer 3

str += '<li>' +'<a href="#" class="sidebar-sub-toggle">' + '<i class="ti-home"></i>' + data[i].name + '<span ' + (data[i].area ? '' : 'style="display: none;" ') + 'class="sidebar-collapse-icon ti-angle-down">' + '</span>' + '</a>' + str1  + '</li>';