在jquery的ulli元素上应用样式

嗨，我有一个json对象，我用它创建无序的元素列表。这非常简单

到目前为止，我有这个简单的脚本

 var data_to_send = $("#form1>div").find('input[name = "txt1"]').val();
 var data = ["Argentina", "Uk", "USA"];
 var obj = $("#div1");
 obj.append("<ul class='outerul'>");
 $.each(data, function (index, value) {
    obj.append("<li class='outerclass'>" + value + " : " + index + "</li>");
 });
 obj.append("</ul>");

 $('ul.outerul').css('list-style-type', 'square'); ??How can I apply style here

var data_to_send=$（“#form1>div”）.find（'input[name=“txt1”]”）.val（）；
var数据=[“阿根廷”、“英国”、“美国”]；
var obj=$（“#div1”）；
对象附加（“
”）；
$.each（数据、函数（索引、值）{
对象附加（“
”+value+”：“+index+”
”；
});
对象附加（“
”）；
$（'ul.outerul'）.css（'list-style-type'，'square'）？？如何在这里应用样式

---

现在我正在尝试将样式应用于我无法使用的li元素。还有，您知道如何在单击时切换元素。

要在单击时添加/切换css类，您可以在代码末尾添加以下内容：

//var data_to_send=$（“#form1>div”）.find（'input[name=“txt1”]”）.val（）；
var数据=[“阿根廷”、“英国”、“美国”]；
var$obj=$（“#div1”）；
var$ul=$（“
”）。附录（$obj）；
$.each（数据、函数（索引、值）{
$ul.追加（“
”+value+”：“+index+”
”；
});
$（'ul.outerul'）.css（'list-style-type'，'square'）；
$ul.单击（函数（）{
$（this.toggleClass（'redText'）；
});
.redText{
颜色：红色；
}

单击列表更改颜色
问题在于
li
s被添加到
div
而不是
ul
obj
是
#div1
元素而不是
ul.outerclass
元素，因此应用于
ul.outerclass
的样式不会应用于添加到
obj
的
li
s


//var data_to_send=$（“#form1>div”）.find（'input[name=“txt1”]”）.val（）；
var数据=[“阿根廷”、“英国”、“美国”]；
var$obj=$（“#div1”）；
var$ul=$（“
”）。附录（$obj）；
$.each（数据、函数（索引、值）{
$ul.追加（“
”+value+”：“+index+”
”；
});
$（'ul.outerul'）.css（'list-style-type'，'square'）
您可以使用jQuery/CSS以多种方式实现这一点

JQUERY选项：

$('ul li').css('list-style-type','square');

小提琴：

CSS选项：

ul li { list-style-type: square; }

这是你的JS

var data = ["Argentina", "Uk", "USA"];
 var obj = $("#div1");
 obj.append("<ul class='outerul'>");
 $.each(data, function (index, value) {
    obj.append("<li class='outerclass'>" + value + " : " + index + "</li>");
 });
 obj.append("</ul>");

 $('li.outerclass').css('list-style-type', 'square'); 

var数据=[“阿根廷”、“英国”、“美国”]；
var obj=$（“#div1”）；
对象附加（“
”）；
$.each（数据、函数（索引、值）{
对象附加（“
”+value+”：“+index+”
”；
});
对象附加（“
”）；
$（'li.outerclass'）.css（'list-style-type'，'square'）；

 
将类添加到列表项中，并将CSS写入单独的CSS文件中，而不是通过JS应用样式，应考虑使用CSS或文件。