변수 jQuery에있는 여러 줄의 코드

Question

html 콘텐츠를 설정하고 변수에 저장하려고합니다. 이가 할 수있는 방법은 나중에 내가() sugarContent fadeIn를 원하기 때문에

var sugarContent = [ 
    $("div#ingredients h1 span").html("sugar"), 
    $("div#ingredients img").attr("src", "content/sugar.jpg"), 
    $("div#ingredients p").html("Lorem ipsum dolor sit amet, consectetuer adipiscing elit."), 
];  

나는 그것을 의심?이다, 그것은 작동하지 않습니다. 하지만 변수를 사용하는 대신 코드의 모든 줄을 따로 분리하면 작동합니다.

제발 도와주세요! 미리 감사드립니다.

Answer 1

fadeIn과 같은 메소드에 jquery 요소를 사용하려면 콘텐츠가 아닌 변수에 jquery 요소를 저장해야합니다.

$("div#ingredients h1 span").html("sugar"); 
$("div#ingredients img").attr("src", "content/sugar.jpg"); 
$("div#ingredients p").html("Lorem ipsum dolor sit amet, consectetuer adipiscing elit."); 
var $sugar = $("div#ingredients"); 
$sugar.fadeIn();