【问题标题】:Loading whats inside of an "div" ajax jquery .load()?在“div”ajax jquery .load() 中加载什么?
【发布时间】:2012-03-05 18:09:14
【问题描述】:

我想加载 DIV 的内容(里面有什么)而不是 div 本身?

index.php:

$('header.teaserimage').load('gallery-uln8.php '+$ancor);

结构:gallery-uln8.php:

<div id="pic00">
   <img src="... ...>
</div>
...
<div id="picXX">
   <img src="... ...>
</div>

如何使用 jQuery 的 .load()- 方法完成此操作,还是应该使用 somwthing elese?

【问题讨论】:

  • 你能重新措辞一下吗?令人困惑。
  • 什么?不知道你在这里问什么
  • 我认为她要问的是如何从 gallery-uln8.php 加载 HTML 但没有 div 标签 - 她只想要 img 标签。
  • 在 html 中显示的内容仍然有点模糊,因为 $anchor 没有定义

标签: jquery html load


【解决方案1】:

以下假设$anchor 是一个有效的选择器。 load() 和 $.get 一样是一种快捷的 ajax 方法。他们都从 url 中提取所有输出。 $.get 只是给你更多的灵活性

$.get('gallery-uln8.php', function(data){
    $('header.teaserimage').html( $(data).find($ancor).html())

});

【讨论】:

  • ..我喜欢这种方法,但如果我这样做 alert($(data).find($ancor).html()); 它会解析“null”,我会通过以下方式获得 $anchor:$ancor = $(this).attr('href');
【解决方案2】:

试试这个:

$.get('gallery-uln8.php ' + $ancor, null, function(data){
    $('header.teaserimage').empty();
    $("img ", $(data)).each(function(){
        $('header.teaserimage').append(this);
    })
})

【讨论】:

    【解决方案3】:

    最简单的方法是将内容加载到临时 div 中,然后使用 $('header.teaserimage').html($('#temp-div').find($anchor).html());

    【讨论】:

      【解决方案4】:

      您的加载函数将加载从 gallery-uln-8.php 脚本输出的任何内容,因此最简单的方法是编辑该页面并删除 div。

      或者,您可以在 jQuery 中解析从 gallery-uln8.php 加载的内容并删除 div - 但这会给您的代码带来很多复杂性,我不建议将其作为一个选项。

      【讨论】:

        【解决方案5】:

        这应该适合你...

        $('header.teaserimage').load('gallery-uln8.php #pic00 img');
        

        【讨论】:

          猜你喜欢
          • 2017-06-22
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2016-03-20
          • 2012-12-29
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多