2013-03-27 79 views
0

即時通訊從現有的(舊)網站創建一個移動網站。 將原始網站的內容加載到移動頁面,整個HTML敏捷包。jquery追加或添加

原來的網站有類似的頁面:

<p> 
<a href="#">Link1</a> 
<a href="#">Link2</a> 
<a href="#">Link3</a> 
<a href="#">Link4</a> 
</p> 

我想要做的是插入「內容1」 underneat「鏈接1」,「內容2」 underneat「鏈接2」等。我想通過使用jQuery來做到這一點。誰能幫忙?

回答

2

您可以使用jQuery function(通常別名爲$)選擇要添加的錨點,然後使用after在其後面插入內容。您將需要一個CSS選擇器作爲錨點。我們不能給你有保證,從給出的小標記的工作之一,但它會是這樣的:

$("blah blah p a:eq(0)").after("content after link1"); 
$("blah blah p a:eq(1)").after("content after link2"); 

...其中,「等等等等」爲我們提供了更多的背景,所以我們不要在的每個段落中的第一個錨點之後添加該文本,我猜你不想要。 :-)

如果沒有語境,你可以使用以外的鏈接的內容,你可以使用:contains selector

$("a:contains('Link1')").after("content after link1"); 

...但要注意,它會匹配任何包含錨文本「link1」其中的任何地方,並且選擇器可能不會由底層瀏覽器提供,這意味着jQuery將不得不在內部執行搜索,這有點慢。

+0

謝謝!我曾嘗試[1],但非常感謝! – BasvdPol 2013-03-27 08:10:28

+0

+1的解釋 – bipen 2013-03-27 08:12:23

0

您也可以嘗試$。每()如果你想改變所有這些

$.each($('p a'), function(i,e){$(e).after('content'+i+')}); 
0

嘗試這樣的:

var content = {'0' : 'Content 1','1' : 'Content 2','2' : 'Content 3','3' : 'Content 4' }; 

jQuery("#anyparentId p a").each(function(index){ 
    jQuery(this).after('<p>'+content[index]+'</p>'); 
});