Замените Div контентом

Я новичок в javascript/jquery, и есть что-то принципиальное, что я пропускаю. Я хочу заменить содержимое div некоторым текстом, вызвав функцию. Абсолютно все, что я пробовал, потерпело неудачу.Замените Div контентом

http://jsfiddle.net/spuder/dTGBy/

HTML

<body> 
<div id=test> 

</div> 
</body>

сценарий

$(document).ready(function() { 

    getTest(); 

} 



function getTest() { 
    $("#test").html("Hello World"); 
    //$('#test').replaceWith('<h2>New heading</h2>'); 
    //$("#test").attr("text","http://www.w3schools.com/jquery"); 
    //$("#test").attr("href","http://www.w3schools.com/jquery"); 
    //$("#test").html("New text"); 
    //$(".test").html("New text"); 
    //$("test")html.("New text"); 
    //$("test").update("New text"); 
    //document.getElementById("testSpan").innerHTML = "42"; 
    // $("#test").html("<b>Hello world!</b>"); 
} 

//This is supposed to be super easy^

//http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_dom_html_set 
//http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_dom_attr_set 
//http://www.willmaster.com/library/web-development/replace-div-content.php 
//http://api.jquery.com/replaceWith/

источник

2013-03-31 spuder

есть недостающие закрывающие круглые скобки, чтобы закончить свой готовый() вызов - вы смотрели в консоли ошибок JavaScript? –

почему у вас есть две черты перед каждой линией! – shnisaka

В jsfiddle, к которому вы привязаны, не входит библиотека jQuery, и вы используете выражения $, которые требуют jQuery – Marryat

Ok, ошибки вы сделали:

Не включать JQuery в JsFiddle
Некорректно закончился ваш document.ready
Забыли кавычки сНа ид

JS:

$(document).ready(function(){ 
    getTest(); 
}); 



function getTest() { 
    $('#test').replaceWith('<h2>New heading</h2>'); 
    //$("#test").attr("text","http://www.w3schools.com/jquery"); 
    //$("#test").attr("href","http://www.w3schools.com/jquery"); 
    //$("#test").html("New text"); 
    //$(".test").html("New text"); 
    //$("test")html.("New text"); 
    //$("test").update("New text"); 
    //document.getElementById("testSpan").innerHTML = "42"; 
    // $("#test").html("<b>Hello world!</b>"); 
}

HTML:

<div id="test"> 

</div>

Fiddle http://jsfiddle.net/ajp36/1/

источник

2013-03-31 17:55:06

быстрый, быстрый и 100% точный .. вы заслуживаете +1 – shnisaka

спасибо @shnisaka :) –

Попробуйте это:

$(document).ready(function() { 
    getTest(); 
});

DEMO HERE

источник

2013-03-31 17:54:53

Замените Div контентом

ответ

Смежные вопросы