Question

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

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

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 SCRIPT

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

Answer 1

为每个＆＃39; a＆＃39;运行它。 element，以便它使用匹配的类加载指定的链接。即

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

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

Answer 2

在id之前添加空格..修复问题

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

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

2 个答案: