선택 목록 선택을 통해 테이블 데이터를 필터링하는 jquery 예 box_jquery
- WBOY원래의
- 2016-05-16 16:49:411241검색
jquery는 선택 목록 선택 상자를 통해 테이블 데이터를 필터링합니다
테이블 데이터
코드 복사 코드는 다음과 같습니다.
<테이블 id ="예">
"
| ;
;
>
select가 동적으로 생성되는 JS 필터링 코드
코드 복사
코드는 다음과 같습니다.
$("#example > thead th").each(function(i) {
$("").attr("data-index", i).html( $( "<옵션 />")).change(function() {
[], children = $(this).children(); children.each(function(i) { var value = $("select[data-index='" i "']"). val();
if (value == $(this).text() || value == "") Comb.push(1);
});
return Comb.length != children.length; }).hide(); }).appendTo("body");});$("#example > tbody tr").each( function() { $(this).children().each(function(i) { var that = $(this);
var select = $("select[data-index=' " i "']"); if (!select.children().filter(function() {
~ });
~ });
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：네이티브 js를 사용하여 웹앱 슬라이딩 효과(관성 슬라이딩, 슬라이딩 리바운드) 캡슐화_javascript 기술다음 기사：네이티브 js를 사용하여 웹앱 슬라이딩 효과(관성 슬라이딩, 슬라이딩 리바운드) 캡슐화_javascript 기술