데이터를 JQuery로 전달한 다음 HTML (다중 단계)

Question

전역 함수를 호출하고 페이지 상단에 설정된 경고 상자에 텍스트를 전달하려고합니다.

<script> 
    $(document).ready(function() { 
    $('.fadehelper').fadeIn('slow'); 

    function msg(data, type) { 
     $('.warning').slideDown("slow").delay(1500).slideUp("slow"); 
    } 
    }); 
</script> 

그리고 메시지 상자는 다음과 같습니다 :

내 코드는

<div class="warning">Help me!</div> 

나는이 작업을 수행하는 방법을 정말 잘 모르겠습니다 ..

나는 형식을 전달하려는 및 메세지. 클래스가 유형이되며 메시지는 "경고"가 나타나는 곳에서 수행됩니다.

그래서 페이지의 어딘가에 가서 msg (경고, "도와주세요!"); 나는 그것이 위와 같이 번역되기를 바랍니다.

도와 주시겠습니까? 고맙습니다.

Answer 1

우선 div에 id 속성을 넣어서 쉽게 찾을 수 있습니다. 나는하여 MSG 함수의 끝에 다음은

추가 다음과 같은 기능의 ID로 alertbox를 사용하는 가정합니다 : 그것은 아마 JQuery와의 짧은 수행 할 수 있습니다

var box=document.getElementById('alertbox'); 
box.setAttribute('class',type); 
box.innerHTML=data; 

하지만 난 사용하지 않는 jquery

Answer 2

function msg(type, data){ 
    var box=document.getElementById('alertbox'); 
    box.setAttribute('class',type); 
    box.innerHTML=data; 
    $('#alertbox').slideDown("slow").delay(1500).slideUp("slow"); 
} 

제작!