반응형
j클래스별 요소 카운트 쿼리 - 이를 구현하는 가장 좋은 방법은 무엇입니까?
현재 페이지의 모든 요소를 같은 클래스로 카운트하고 입력 폼의 이름에 추가합니다.기본적으로는 사용자가 다음 웹 사이트를 클릭할 수 있도록 합니다.<span>
그런 다음 동일한 유형의 항목을 하나 더 추가합니다.그러나 jQuery/JavaScript만으로 이 모든 것을 셀 수 있는 방법은 생각할 수 없습니다.
그 다음에 그 물건에 이름을 붙이려고 했는데name="whatever(total+1)"
자바스크립트가 제 모국어가 아니기 때문에 간단한 방법을 가진 사람이 있다면 정말 감사하겠습니다.
다음과 같이 해야 합니다.
// Gets the number of elements with class yourClass
var numItems = $('.yourclass').length
참고로 jQuery 오브젝트에서 많은 함수 호출을 체인하기 전에 길이 속성을 체크하는 것이 실제로 수행해야 할 작업이 있는지 확인하는 데 도움이 됩니다.아래를 참조해 주세요.
var $items = $('.myclass');
// Ensure we have at least one element in $items before setting up animations
// and other resource intensive tasks.
if($items.length)
{
$items.animate(/* */)
// It might also be appropriate to check that we have 2 or more
// elements returned by the filter-call before animating this subset of
// items.
.filter(':odd')
.animate(/* */)
.end()
.promise()
.then(function () {
$items.addClass('all-done');
});
}
같은 클래스를 참조하는 요소의 수를 계산하는 것은 다음과 같이 간단합니다.
<html>
<head>
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
alert( $(".red").length );
});
</script>
</head>
<body>
<p class="red">Test</p>
<p class="red">Test</p>
<p class="red anotherclass">Test</p>
<p class="red">Test</p>
<p class="red">Test</p>
<p class="red anotherclass">Test</p>
</body>
</html>
var count = $('.' + myclassname).length;
계산용:
$('.yourClass').length;
정상적으로 동작합니다.
변수에 저장하는 것은 다음과 같이 쉽습니다.
var count = $('.yourClass').length;
HTML:
<div>
<img src='' class='class' />
<img src='' class='class' />
<img src='' class='class' />
</div>
JavaScript:
var numItems = $('.class').length;
alert(numItems);
해라
document.getElementsByClassName('myclass').length
let num = document.getElementsByClassName('myclass').length;
console.log('Total "myclass" elements: '+num);
.myclass { color: red }
<span class="myclass" >1</span>
<span>2</span>
<span class="myclass">3</span>
<span class="myclass">4</span>
언급URL : https://stackoverflow.com/questions/2727303/jquery-counting-elements-by-class-what-is-the-best-way-to-implement-this
반응형
'source' 카테고리의 다른 글
MVC에서 모델을 어떻게 구성해야 합니까? (0) | 2022.11.05 |
---|---|
deploy 실행 중 maria db에 문제가 표시됨 (0) | 2022.11.05 |
MySQL Workbench EER 다이어그램의 여러 열에 고유 제약 조건 생성 (0) | 2022.11.05 |
MariaDB의 Import된 테이블에서 ID가 중복되지 않도록 하려면 어떻게 해야 합니까? (0) | 2022.11.05 |
mysqldump: 쓰기 오류 번호 28이 표시됨 (0) | 2022.11.05 |