jQuery를 사용하여 요소 유형 배열을 기반으로 지정된 div에서 요소를 숨기려면 어떻게해야합니까?

마이크 홀

사용자가 특정 요소를 선택적으로 제거하고 다른 요소는 남겨 둘 수있는 페이지를 만들려고합니다.

내가 작업하고있는 HTML은 다른 곳에서 가져 왔기 때문에 제어 할 수 없습니다. ID가있는 div에 래핑했으며 해당 div 내부에 나열된 모든 요소를 ​​켜고 끌 수 있기를 원합니다.

이것이 내가 가진 것입니다.

function toggle_elements() {
  var hide_elements=['blockquote','ul','dl','p','iframe'];
  $('#imported_content ' + hide_elements).toggle();
 };

"작동"하는 동안 외부에서 일치하는 요소도 토글 #imported_content합니다. 나는 약간 혼란 스럽습니다. 왜냐하면 실패한 방식이 #imported_content스스로 토글 될 것이라고 예상했기 때문 입니다. 하지만 div는 그대로두고 hide_elements.

irot

약간 장황하고 아마도 가장 효율적이지는 않지만 배열을 .toggle()반복 하고 각 반복을 실행 해 보셨습니까? 다음이 작동하는지 확인하십시오.

JS

function toggle_elements() {
  var hide_elements=['blockquote','ul','dl','p','iframe'];

  for (var i = 0; i < hide_elements.length; i++) {
    $('#imported_content').find(hide_elements[i]).toggle();
  }
};

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Related 관련 기사

뜨겁다태그

보관