2011-12-09 51 views
-5

有誰知道是否有可能使用jQuery或Php來獲取元素並替換其中的內容?是否可以用jQuery或Php替換文本?

我有一些動態生成的鏈接,我試圖改變它們中的內容。我認爲使用面向對象的編程語言可能會有這樣的情況,但我不確定從哪裏開始。

任何指針讚賞。

這裏是我有什麼賺頭了一個例子:

<a class="link1>1<a> 
<a class="link2>2<a> 
<a class="link3>3<a> 

這裏是我想要做的一個例子:使用jQuery

<a class="link1><p>Custom Text</p><a> 
<a class="link2><p>Custom Text Number 2</p><a> 
<a class="link3><p>Custom Text Number 3</p><a> 
+0

你想讓這個客戶端或服務器端? –

回答

1

,可以更換

<a class="link1">1</a> 

<a class="link1"><p>Custom Text</p></a> 

通過調用

$('.link1').html('<p>Custom Text</p>'); 
+0

hrm,我想知道在插件生成鏈接後是否有方法調用此方法。我認爲它應該有效,但內容是動態生成的。 我知道你可以使用.ready在文檔加載完成時觸發,但這似乎並沒有成功。我應該使用.load結合超時嗎? – patrick

+0

(窗口).load工作:)感謝您的幫助 – patrick

2

那麼你可以使用JavaScript(jQuery的)來選擇這些鏈接:

<script> 
//setup custom text for each link 
var custom_text = ['Custom Text', 'Custom Text Number 2', 'Custom Text Number 3']; 

//select all links that class starts with `link` and change it's text 
$('a[class^="link"]').each(function (index, obj) { 
    $(this).text(custom_text[index]); 
}); 
</script> 

這裏是一個演示:http://jsfiddle.net/3JBEK/

1

簡單,使用jQuery.html(string)

例如$('.link1').html('<p>Custom Text</p>')

api:jQuery.html()

相關問題