Jquery Load(); - 找到html部分不是div?

时间:2013-01-25 22:01:54

标签: jquery

我有以下jquery代码。

<div id="result"> <script>
$('#result').load('http://www.mystie.com/speicificpage  #uniqueid li:lt(3)');</script> </div>

到目前为止,效果很好。对于带有h2标签的内容,有没有办法做到这一点?意思是代替匹配到ID,你能匹配h2里面的内容吗?

<div id="result"> <script>
    $('#result').load('http://www.mystie.com/speicificpage <h2> unique title</h2> li:lt(3)');</script> </div>

我有一个ul系列页面,每个页面都有一个标题。我有单独的页面,需要在特定的ul中进行EACH调用(因为它们已更新。)我可以指定或匹配h2标题吗?

2 个答案:

答案 0 :(得分:0)

您可以在URL后使用任何jQuery选择器。例如,要使用文本h2加载unique1的内容,您可以使用:

$('#result').load('http://www.mystie.com/speicificpage h2:contains(unique1)');

答案 1 :(得分:0)

你可以,但你必须抛弃.load()并手动编写一些代码:

$.get('http://www.mysite.com/specificpage',
      function(html) {
          var $target = $(html).find("h2")
                               .filter(function() { 
                                   return $(this).text() == 'unique title';
                               })
                               .find("li:lt(3)");
          $('#result').html($target.html());
      });

这可以通过获取HTML并在将目标片段插入页面之前手动过滤它来实现;手动启用完整的jQuery功能,可以精确匹配所需的标题。