javascript - 使用jquery从另一个页面加载div

Question

我想使用jquery从我的页面中的一个页面加载一个div

这是一个Jsfiddle但它不起作用，我的代码有什么问题？

在我的示例中，我使用的是

$('.namebook1origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook1'));

但在我的页面中我正在使用

$('.namebook1origin').load($('update.html #namebook1'));

这是一个实例

$('.namebook1origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook1'));
$('.namebook2origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook2'));
$('.namebook3origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook3'));
$('.namebook4origin').load($('http://www.booclin.ovh/tom/last/update.html #namebook4'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="namebook1origin">.</span><br/>
    
<span class="namebook2origin">.</span><br/>
    
<span class="namebook3origin">.</span><br/> 
    
<span class="namebook4origin">.</span><br/>

Answer 1

load接受字符串作为输入而不是 jquery 对象，从字符串中解压缩 $()

$('.namebook1origin').load('http://www.booclin.ovh/tom/last/update.html #namebook1');
$('.namebook2origin').load('http://www.booclin.ovh/tom/last/update.html #namebook2');
$('.namebook3origin').load('http://www.booclin.ovh/tom/last/update.html #namebook3');
$('.namebook4origin').load('http://www.booclin.ovh/tom/last/update.html #namebook4');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="namebook1origin">.</span><br/>
    
<span class="namebook2origin">.</span><br/>
    
<span class="namebook3origin">.</span><br/> 
    
<span class="namebook4origin">.</span><br/>

由于 CORS，该代码段不起作用