jsp动态往ul 里面添加 li 一直没反应

[笑着飘走]

<script type="text/javascript" src="jquery-3.2.1.min.js"></script>

<script type="text/javascript">
	$(function() {
	alert("woaini");
	$("#edu_ul")
				.append(
						"<li class="tn-border-gray tn-border-bottom it-table-grid-header">");

		$(".edu_ul").append("<p class="tn-name">山西大学</p>");
		$(".edu_ul").append("<p class="tn-date">2001:10:21</p>");
		$(".edu_ul").append("<p class="tn-degree">学历</p>");
		$(".edu_ul").append("<p class="tn-fieldofstudy">专业</p>");

		$(".edu_ul").append("</li>");
	
		var ul=document.getElementById("edu_ul"); 

		var obj=document.createElement("li"); 

		obj.innerHTML="<a href='"+href+"'>"[phone]+"</a>"; 

		ul.appendChild(obj); 
	});
</script>

<div class="resume_title">
					<div style="float: left">教育经历</div>
					<div class="btn">
						<a href="applicant/resumeEducationAdd.jsp">添加</a>
					</div>
				</div>

				<div class="it-table-grid">
					<ul class="edu_ul" id="edu_ul">
						<li class="tn-border-gray tn-border-bottom it-table-grid-header">
							<p class="tn-name">毕业院校</p>
							<p class="tn-date">就读时间</p>
							<p class="tn-degree">学历</p>
							<p class="tn-fieldofstudy">专业</p>
						</li>
					</ul>
				</div>

这个是jsp的页面啊。

顺便问一下，我是用这种方法获得bean再添加到表格，怎么能获得一个集合，添加到上面那个 ul 里面。
<jsp:useBean id="eduinfo" class="com.qst.itoffer.bean.ResumeEduinfo"
scope="request"></jsp:useBean>
万分感谢。

[笑着飘走]

真的是一点反应都没有，好无奈。坐等大神。

[xiaovhao]

$("#edu_ul") .append( "<li class="tn-border-gray tn-border-bottom it-table-grid-header">");这一句没报错？你是用的servlet？那可以用request.getAttribute这种得到

[imsprojo2FAN]

[imsprojo2FAN]

其实可以用jstl 标签，你在跳转到这个页面之前先把对象存到Request 里面 request.SetAttribute("",要存的数据) 然后foreach 获取每个li就可以了，不过现在都习惯用ajax获取数据了 ajax也是操作dom再遍历li

[李德胜1995]

class属性的问题....。。。。在后台把集合request.setAttribute...在前台使用c:foreach标签循环出来

[笑着飘走]

引用 3 楼 Imsprojo2FAN 的回复:

双引号改成单引号之后还是不行，不过看代码的颜色，修改这个肯定是必要的。
我发现function里面的 alert();这个运行都没有结果。是因为eclipse 不支持 Jquery吗？

你在下面说的 request.SetAttribute("",要存的数据) 这个我也用了，只是用在了单行哪里。不用foreach遍历。
<td bgcolor="#F8F8F8">${basicinfo.realName }</td> 这样就行了。
继续谢谢。

[笑着飘走]

引用 2 楼 u014038116 的回复:

$("#edu_ul") .append( "<li class="tn-border-gray tn-border-bottom it-table-grid-header">");这一句没报错？你是用的servlet？那可以用request.getAttribute这种得到

这个是用 jsp页面 ，用 Jquery 想往 ul 里面添加 li .的时候没有成功。也咩有报错。 耸耸肩

[笑着飘走]

引用 5 楼 pany1209 的回复:

class属性的问题....。。。。在后台把集合request.setAttribute...在前台使用c:foreach标签循环出来

我查看了一下。 class属性没有高度的限制，不应该添加了不显示。

.it-table-grid ul {
padding-left: 7px;
}
.it-table-grid .it-table-grid-header {
color: #999;
}
.it-table-grid li {
line-height: 20px;
overflow: hidden;
line-height: 35px;
height: 35px;
color: rgb(102, 102, 102);
}

[imsprojo2FAN]

引用 6 楼 qq_29466963 的回复:

[quote=引用 3 楼 Imsprojo2FAN 的回复:]

双引号改成单引号之后还是不行，不过看代码的颜色，修改这个肯定是必要的。 我发现function里面的 alert();这个运行都没有结果。是因为eclipse 不支持 Jquery吗？ 你在下面说的 request.SetAttribute("",要存的数据) 这个我也用了，只是用在了单行哪里。不用foreach遍历。 <td bgcolor="#F8F8F8">${basicinfo.realName }</td> 这样就行了。 继续谢谢。 [/quote] List 也可以放在Request里的 F12看下控制台有没有报错 还有就是看下网络那里的响应有没有返回数据 ，该不会是jquery路径不对

[李德胜1995]

引用 8 楼 qq_29466963 的回复:

[quote=引用 5 楼 pany1209 的回复:] class属性的问题....。。。。在后台把集合request.setAttribute...在前台使用c:foreach标签循环出来

我查看了一下。 class属性没有高度的限制，不应该添加了不显示。

.it-table-grid ul {
padding-left: 7px;
}
.it-table-grid .it-table-grid-header {
color: #999;
}
.it-table-grid li {
line-height: 20px;
overflow: hidden;
line-height: 35px;
height: 35px;
color: rgb(102, 102, 102);
}

[/quote] 去掉你的所有class属性。。看有没有弹出来？？？

[xiaovhao]

引用 7 楼 qq_29466963 的回复:

[quote=引用 2 楼 u014038116 的回复:] $("#edu_ul") .append( "<li class="tn-border-gray tn-border-bottom it-table-grid-header">");这一句没报错？你是用的servlet？那可以用request.getAttribute这种得到

这个是用 jsp页面 ，用 Jquery 想往 ul 里面添加 li .的时候没有成功。也咩有报错。 耸耸肩[/quote] 我的意思是你可以在浏览器的控制台看下，看下有没有报错，你说连alert都没效果，那就更应该看下控制台了

[笑着飘走]

引用 9 楼 Imsprojo2FAN 的回复:

[quote=引用 6 楼 qq_29466963 的回复:] [quote=引用 3 楼 Imsprojo2FAN 的回复:]

双引号改成单引号之后还是不行，不过看代码的颜色，修改这个肯定是必要的。 我发现function里面的 alert();这个运行都没有结果。是因为eclipse 不支持 Jquery吗？ 你在下面说的 request.SetAttribute("",要存的数据) 这个我也用了，只是用在了单行哪里。不用foreach遍历。 <td bgcolor="#F8F8F8">${basicinfo.realName }</td> 这样就行了。 继续谢谢。 [/quote] List 也可以放在Request里的 F12看下控制台有没有报错 还有就是看下网络那里的响应有没有返回数据 ，该不会是jquery路径不对[/quote] 万分感谢，用list，c:foreach 成功了，不想看为啥之前的办法不行了。谢谢啊！

[笑着飘走]

引用 10 楼 pany1209 的回复:

[quote=引用 8 楼 qq_29466963 的回复:] [quote=引用 5 楼 pany1209 的回复:] class属性的问题....。。。。在后台把集合request.setAttribute...在前台使用c:foreach标签循环出来

我查看了一下。 class属性没有高度的限制，不应该添加了不显示。

.it-table-grid ul {
padding-left: 7px;
}
.it-table-grid .it-table-grid-header {
color: #999;
}
.it-table-grid li {
line-height: 20px;
overflow: hidden;
line-height: 35px;
height: 35px;
color: rgb(102, 102, 102);
}

[/quote] 去掉你的所有class属性。。看有没有弹出来？？？[/quote] 去掉之后还是不行，控制台说对象不支持此属性。万分感谢，用list，c:foreach 成功了！

[笑着飘走]

引用 11 楼 u014038116 的回复:

[quote=引用 7 楼 qq_29466963 的回复:] [quote=引用 2 楼 u014038116 的回复:] $("#edu_ul") .append( "<li class="tn-border-gray tn-border-bottom it-table-grid-header">");这一句没报错？你是用的servlet？那可以用request.getAttribute这种得到

这个是用 jsp页面 ，用 Jquery 想往 ul 里面添加 li .的时候没有成功。也咩有报错。 耸耸肩[/quote] 我的意思是你可以在浏览器的控制台看下，看下有没有报错，你说连alert都没效果，那就更应该看下控制台了[/quote] 恩，大哥，确实有问题，好像 IE不支持，连打开 CSDN 调试都会出错。~~~~

[chenlong9610]

顶！！！！！！！！！！！ 双引号换成单引号。