Форум программистов [Powered by Invision Power Board]

Код

<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function getLiById1(id) {
   if (!id) return 'Не задан параметр';
   var elem = $("#li" + id);
   if (elem.length == 0) return 'Элемент не найден';
   elem.wrap("<div id='elemdiv'></div>");
   var result = $("#elemdiv").html();
   $("#elemdiv").replaceWith(result);
   return result;
}
function getLiById2(id) {
   if (!id) return 'Не задан параметр';
   var elem = $("#li" + id);
   if (elem.length == 0) return 'Элемент не найден';
   return elem.get(0).outerHTML;
}

$(document).ready(function() {
   $("#btn1").click(function() {
      $("#div1").text(getLiById1($("#txt1").val()));
      $("#div2").text(getLiById2($("#txt1").val()));
      //alert(document.getElementById("li3").outerHTML);
   });
});
//-->
</script>
</head>
<body>
<ul id='ul2'>
    <li id='li3'>
               data1
    </li>
    <li id='li4'>
                 data2
    </li>
    <li id='li5'>
                 data3
    </li>
</ul>
Введите индекс: 
<input type="text" id="txt1">
<input type="button" value="Получить значение" id="btn1"><br>
Результат:<br>
Вариант 1:<br>
<div id="div1"></div>
Вариант 2:<br>
<div id="div2"></div>
</body>
</html>