jQuery를 사용하여 이름 속성이 비어 있지 않은 요소를 찾는 방법은 무엇입니까?

jQuery를 사용하여 이름 속성이 비어 있지 않은 요소를 찾는 방법은 무엇입니까?

웹 페이지를 작성할 때 웹 페이지 요소에 대해 작업해야 하는 경우가 많으며 때로는 속성을 기반으로 특정 요소를 필터링해야 하는 경우도 있습니다. jQuery를 사용하면 선택자를 통해 조건에 ​​맞는 요소를 쉽게 찾을 수 있습니다. 이 기사에서는 코드 예제와 함께 jQuery를 사용하여 특정 속성을 가진 요소를 찾는 방법을 자세히 설명합니다.

먼저 요구사항을 명확히 해야 합니다. 이름 속성이 비어 있지 않은 요소를 찾으세요. 다음으로 jQuery의 속성 선택기를 사용하여 이 작업을 수행할 수 있습니다. 속성 선택자는 대괄호 []로 표시되며, 대괄호 안에 속성과 해당 값을 지정하여 요소를 찾을 수 있습니다.

구체적인 코드 예는 다음과 같습니다.

<!-- HTML结构 -->
<div name="test1">元素1</div>
<div name="">元素2</div>
<div>元素3</div>
<div name="test2">元素4</div>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    // 使用属性选择器查找name属性不为空的元素
    var elementsWithName = $('[name]:not([name=""])');
    
    // 遍历找到的元素并输出其内容
    elementsWithName.each(function(){
        console.log($(this).text());
    });
});
</script>

위 코드에서는 먼저 4개의 div 요소가 포함된 HTML 구조를 정의하며 그 중 일부에는 name 속성이 있습니다. 그런 다음 jQuery 라이브러리를 가져와 문서가 준비된 후 코드를 실행합니다. 코드에서는 속성 선택기 [name]:not([name=""])를 사용하여 name 속성이 있고 name 속성이 비어 있지 않은 요소를 찾아 elementsWithName 변수. [name]:not([name=""])来找到具有name属性且name属性不为空的元素，并将其存储在elementsWithName变量中。

接着，我们使用each方法遍历这些元素，并通过$(this).text()获取每个元素的文本内容，最后通过console.log

다음으로 each 메서드를 사용하여 이러한 요소를 순회하고 $(this).text()를 통해 각 요소의 텍스트 콘텐츠를 얻은 다음 마지막으로 console .log콘솔에 출력합니다.

위의 코드 예제를 통해 우리는 jQuery를 사용하여 비어 있지 않은 name 속성을 가진 요소를 찾았으며 이러한 요소를 추가로 작동하여 우리의 요구 사항을 충족할 수 있습니다. jQuery의 선택기 기능은 강력하고 유연하여 조작해야 할 요소를 빠르고 정확하게 찾고 개발 효율성을 향상시키는 데 도움이 됩니다. 🎜

위 내용은 jQuery를 사용하여 이름 속성이 비어 있지 않은 요소를 찾는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!