2010-04-20 27 views
24

Aşağıdakileri kullanıyorum,Bir jQuery içinde bir div içinde span etiketi nasıl alınır ve bir metin atar?

<div id='message' style="display: none;"> 
    <span></span> 
<a href="#" class="close-notify">X</a> 
</div> 

Şimdi div içindeki açıklığı bulmak ve ona bir metin atamak istiyorum ...

function Errormessage(txt) { 
    $("#message").fadeIn("slow"); 
    // find the span inside the div and assign a text 
    $("#message a.close-notify").click(function() { 
     $("#message").fadeOut("slow"); 
    }); 
} 

cevap

45

bu deneyin:

$("#message span").text("hello world!"); 

Kodunda görün!

function Errormessage(txt) { 
    var m = $("#message"); 

    // set text before displaying message 
    m.children("span").text(txt); 

    // bind close listener 
    m.children("a.close-notify").click(function(){ 
     m.fadeOut("slow"); 
    }); 

    // display message 
    m.fadeIn("slow"); 
} 
+0

@macek, düzenleme için üzgünüz. – rahul

+0

@rahul, Biraz kafam karışmıştı. Endişeye gerek yok :) –

4

bu

$("#message span").text("hello world!"); 

function Errormessage(txt) { 
    var elem = $("#message"); 
    elem.fadeIn("slow"); 
    // find the span inside the div and assign a text 
    elem.children("span").text("your text"); 

    elem.children("a.close-notify").click(function() { 
     elem.fadeOut("slow"); 
    }); 
} 
+1

@rahul, muhtemelen '# message' içeriğini görüntülemeden önce metni ayarlayıp dinleyiciyi bağlamanız gerekir –

16
$("#message > span").text("your text"); 

veya

$("#message").find("span").text("your text"); 

veya

$("span","#message").text("your text"); 

veya

deneyin
$("#message > a.close-notify").siblings('span').text("your text"); 
+1

Zaten 'message' olan JQuery nesnesine sahipseniz nasıl olur? –

+0

@ douglasg14b Aynı sorularım var. – IanS

+1

'message.find (.... 'gibi bir şey yaparsınız – Reigel

0
function Errormessage(txt) { 
    $("#message").fadeIn("slow"); 
    $("#message span:first").text(txt); 
    // find the span inside the div and assign a text 
    $("#message a.close-notify").click(function() { 
     $("#message").fadeOut("slow"); 
    }); 
} 
İlgili konular