查找DIV id内容并通过AJAX加载答案

【问题标题】：Find DIV id content and load through AJAX查找DIV id内容并通过AJAX加载
【发布时间】：2015-06-23 15:34:23
【问题描述】：

只想使用 ajax 加载 div 容器内的特定 div 容器内容。

我想在“容器”div 中加载“ajaxcontainer”内容。它不应该加载“测试”容器。

HTML：

<a href="javascript:;" data-url="test.html"></a>
<div class="li--menu">
  <ul class="li--choices">
    <li><a href="javascript:;" data-url="test.html">test</a></li>
    <li><a href="javascript:;" data-url="test1.html">test1</a></li>
  </ul>
</div>

<div id="container">  </div>

AJAX 容器 HTML

<div id="test" style="width:100%; display: block; border: 1px solid #000; clear:both;">
  Hello World!
</div>

<div id="ajaxContainer">
  test 123
</div>

JS 脚本

$('#container').load($('.li--choicesli a').attr('data-url') + '#ajaxContainer');

【问题讨论】：

这应该行得通！现在发生了什么？？
URL 和#div 之间应该有一个空格：注意空格' #ajaxContainer'。示例.load('xyz.html #divID')
谢谢...Shaunak.. 是的.. 空间很重要.. 但是，JavaScript 初始化在加载时不起作用。
document.ready 函数不工作.. 里面的脚本不工作.. 请让我知道你的 cmets

标签： javascript jquery ajax

【解决方案1】：

为每个“a”元素运行它，以便它加载具有匹配类的指定链接。即

$('#container').empty();

$('.li--choicesli a').each(function(){
  $('#container').append($(this).attr('data-url') + '#ajaxContainer');
});

【讨论】：

【解决方案2】：

在id前加空格后..修复问题

$('#container').load($('.li--choicesli a').attr('data-url') + ' #ajaxContainer');

【讨论】：