jQuery之获取指定HTML中的指定元素
最新在学习jQuery,想想实现当前HTML展示指定HTML的指定元素信息的功能,话不多说,直接上代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div>
<p id="test1_p1">这是第一条信息</p>
<p id="test1_p2">这是第二条信息</p>
</div>
</body>
</html>
以上为指定test1.html,内含两个p元素。
<div class="description">
<h3>Description</h3>
<div id="test">测试div</div>
</div>
<script type="text/javascript">
$("div#test").load("../test_html/test1.html p[id^='test1_p1']");
</script>
以上为获取test1.html中ID为test1_p1的p元素信息,并展示在当前ID为test的div元素中。
通过**load(“url p[id^=‘test1_p1’]”)**代码,就可以完美的在当前html中展示指定html中的部分信息了,如有更好的方法,请大家一起交流分享,谢谢!