jquery에서 li 값을 얻는 방법

jQuery는 웹 개발을 위한 풍부한 기능과 사용 편의성을 제공하는 매우 인기 있는 JavaScript 라이브러리입니다. 일반적인 애플리케이션 시나리오 중 하나는 jQuery를 사용하여 웹 페이지의 목록 요소를 조작하여 각 목록 항목(li)의 값을 얻는 것입니다.

jQuery에서는 선택기를 사용하여 웹 페이지의 요소를 가져올 수 있습니다. 목록 요소는 일반적으로 순서가 없는 목록(ul) 또는 순서가 있는 목록(ol)을 사용하여 구현되며 각 목록 항목은 li 요소를 사용하여 표현됩니다. 따라서 다음 방법을 사용하여 모든 목록 항목 요소를 가져올 수 있습니다.

var lis = $("li"); // 获取所有li元素

위 코드에서 $ 기호는 jQuery 객체를 나타내는 데 사용되는 jQuery의 별칭이고 "li"는 다음을 나타내는 선택기 표현식입니다. 모든 li는 ​​선택된 요소입니다.

모든 목록 항목 요소를 가져온 후 jQuery의 각 메서드를 사용하여 요소를 반복하고 해당 값을 가져올 수 있습니다. 다음 샘플 코드는 각 목록 항목 요소를 반복하고 해당 텍스트(값)를 가져와 콘솔에 인쇄하는 방법을 보여줍니다.

$("li").each(function() {
  var text = $(this).text(); // 获取当前列表项的文本
  console.log(text); // 打印文本
});

위 코드에서 Each 메서드는 모든 li 요소를 반복하는 데 사용됩니다. 이 순회 함수에서 this 키워드는 현재 순회 중인 목록 항목 요소를 가리킵니다. 목록 항목의 텍스트 내용을 가져오기 위해 text 메소드를 사용할 수 있습니다.

때때로 ID, 클래스 이름 등과 같은 목록 항목의 다른 속성을 가져와야 하는 경우가 있습니다. jQuery는 지정된 속성의 값을 가져오는 attr 메소드를 제공합니다. 다음 샘플 코드는 목록 항목의 ID 속성 값을 얻는 방법을 보여줍니다.

$("li").each(function() {
  var id = $(this).attr("id"); // 获取当前列表项的ID属性值
  console.log(id); // 打印ID值
});

위 코드에서 attr 메소드는 현재 목록 항목 요소의 ID 속성 값을 얻는 데 사용됩니다. 이 방법을 사용하여 다른 속성의 값을 가져올 수 있습니다.

간단히 말하면, jQuery의 선택기와 순회 기능을 사용하면 웹 페이지의 목록 항목 요소를 쉽게 가져오고 해당 텍스트 또는 기타 속성의 값을 가져올 수 있습니다. 이러한 기능을 통해 웹페이지의 콘텐츠를 보다 유연하게 운영하고 보다 풍부한 대화형 효과를 얻을 수 있습니다.

위 내용은 jquery에서 li 값을 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!