gpt4 book ai didi

javascript - Jquery加载部分外部HTML

转载 作者:太空狗 更新时间:2023-10-29 13:57:28 25 4
gpt4 key购买 nike

基本上我有一个如下所示的 index.html..

<html>

<head>

<title>UI Test: Main Menu</title>

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

</head>

<body>

<input type="button" value="Details" onclick="javascript:$('#mainContainer').load('loadpage.html #name1div *');"/><br>
<div id="mainContainer">

</div>

loadpage.html 污染

<div id="nav1div><h3>1 DIV </h3> </div>
<div id="nav2div><h3>2 DIV </h3> </div>
<div id="nav3div><h3>3 DIV </h3> </div>
<div id="nav4div><h3>4 DIV </h3> </div>

我的目标是基本上一次将 1 个 div 加载到主容器中,我知道加载函数可以一次加载整个页面,但这不是我需要做的。

有几个人看过类似的问题,但似乎无法解决这个问题..

谢谢大家的帮助!

最佳答案

jQuery .load() 函数允许您指定要加载的页面的一部分,而不仅仅是整个文档。

例如

$('#mainContainer').load('loadpage.html #nav1div');

查看 jQuery load() documentation特别是关于“Loading Page Fragments”的地方.

关于javascript - Jquery加载部分外部HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11134701/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com