JSFiddle - React, Tailwind, and code Playground

by SUNGMIN SHIN

HTML

<div id="menu1">
  <!-- inir list -->
</div>

<br>

<div id="menu2">
  <!-- inir list -->
</div>

JavaScript

// list 추가하기1
$('#menu1').append('<li>메뉴1</li>');
$('#menu1').append('<li>메뉴2</li>');
$('#menu1').css('border', '1px solid #000');

// list 추가하기2
var $menu2Ele = $('#menu2');
$menu2Ele.append('<li>메뉴1</li>');
$menu2Ele.append('<li>메뉴2</li>');
$menu2Ele.css('border', '1px solid #000');

var $menu3Ele = $('#menu3');
var $listEle = $('<li />');
var resultEles = '';

for(var i = 0; i < 3; i++) {
	resultEles += $listEle.clone().text('메뉴'+ i);
}
$menu3Ele.append(resultEles);