web-dev-qa-db-ja.com

jQueryのdiv内にスパンタグを取得してテキストを割り当てる方法は?

私は次を使用します、

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

今、私はdiv内のスパンを見つけて、それにテキストを割り当てたいです...

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");
    });
}
25
bala3569

これを試して:

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

あなたのコードでそれを見てください!

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");
}
52
maček
$("#message > span").text("your text");

または

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

または

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

または

$("#message > a.close-notify").siblings('span').text("your text");
18
Reigel

これを試して

$("#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");
    });
}
4
rahul
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");
    });
}

JQueryを使用しないVanilla JS:

document.querySelector('#message span').innerHTML = 'hello world!'

すべてのブラウザで利用可能: https://caniuse.com/#search=querySelector

0
Alexander Kim