显示具有最大价值的DIV

好吧，我正在制作一个“一周末”滑块。基本上这是为我的客户，这是我需要尽可能简化发布过程的原因。显示具有最大价值的DIV

现在它只是一个4格的滑块：http://juuso.kivinen.org/tofw/ 这不是最新的版本，因为我还没有时间更新它（服务器版本）。

所以基本上（对不起，很长的介绍）我的问题是：我如何使jquery从外部html文件加载第4个divs？或者我应该移动到PHP？

我的代码的基本结构是：

<div id="slider"> 
<div id="row"> 
    <div id="EXTERNAL CONTENT1"></div> 
</div> 
<div id="row"> 
<div id="EXTERNAL CONTENT2"></div> 
</div> 
<div id="row"> 
<div id="EXTERNAL CONTENT3"></div> 
</div> 
<div id="row"> 
<div id="EXTERNAL CONTENT4"></div> 
</div> 
</div>

来源

2011-03-12 Deus

非唯一ID是一个坏主意。这将是一个跨域html文件吗？ – kjy112 2011-03-12 15:10:50

实际上，非唯一的“id”值是无效的标记，除了是一个坏主意之外:-)您应该使用“class”值来对元素进行分类。 “id”属性用于分配**唯一的**标识符。 – Pointy 2011-03-12 15:12:52

建议您不要使用可能会导致您的DOM选择器失败（如果您使用的是jQuery）的同一个'id'，也不鼓励在ID中使用空格。 – 2011-03-12 15:13:04

这可以通过使用lt()和load()来完成。 HTML）。

来源

2011-03-12 15:21:16

谢谢兄弟！你的例子在我的电脑上不太适用，不知道为什么。我选择了你的答案，因为你包含了它（4）的一部分。我用：第n个孩子，但你给了我这个想法。谢谢你，谢谢你，谢谢你！ – Deus 2011-03-12 16:46:09

不客气！你想要第四个* div吗？由于某种原因，我把你的问题解读为想要前四名。哎呀。但是：是的：['nth-child（）']（http://api.jquery.com/nth-child-selector/）肯定会选择第四个=）并感谢您的接受和最高票！ =） – 2011-03-12 17:02:22

我希望前四个显示在滑块中，所以它很容易更新。 http://juuso.kivinen.org/tofw – Deus 2011-03-12 18:36:55

没有更多的信息，一个完整的答案是不可能的，但你应该看的jQuery的.load（）方法。您可以加载部分外部文件。 http://api.jquery.com/load/

例如：

$('#EXTERNAL_CONTENT1').load('tips.html #external1')

你会想从什么样子加载文件的结构？你的客户是否会不断追加到该文件？

来源

2011-03-12 15:11:13 DTing

我希望你已经设置了一些代码在你的服务器以服务于EXTERNALCONTENT

然后

$.get("urlToGetEXTERNALCONTENT",function(data){ 
$("#EXTERNALCONTENT4").html(data); 
});

来源

2011-03-12 15:15:00

这只会显示第四个div。 – Trevor 2011-03-12 15:38:40

我认为这很明显，你应该为每个DIV编写单独的代码..只是节省了一些空间 – 2011-03-12 15:42:10

那么如果外部文件包含所有“一周的提示”呢？所以它总是加载最近的4个？也就是我想到的使用load的html – Deus 2011-03-12 15:47:25

您可以使用“.load（）”方法采摘内容进行加载的文件。你的情况：

$('#container').load('path/to/page.html #divContainer div:lt(4)');

概念的示范：http://davidrhysthomas.co.uk/play/loadDemo2.html（原始版本：访问http //：davidrhysthomas.co.uk/play/loadDemo

$('#placeToPutStuff').load(yourUrl + ' #slider', function() { /* ... */ });

来源

2011-03-12 15:15:04 Pointy

顶部的4，只是没有看到它。谢谢你的提示。外部文件将被结构化为div。我只是让jquery为每个div加载每个部分等。谢谢，我现在可能已经明白了。我稍后会给你点。 – Deus 2011-03-12 15:19:12

显示具有最大价值的DIV

回答

相关问题