많은 DOM 요소의 style:display
속성을 변경하려면 루프를 만들거나 (.each
사용) 시도하고 있습니다. 나의 초기 생각은 내가 ptext1
라는 이름의 모든 요소를 선택 getElementsByName
을 사용하는 것이었다 : 이름으로 모든 요소의 객체/배열을 만들려면여러 요소의 스타일 변경
var TextElements = document.getElementsByName("ptext1");
를 사용
<p id="ptext0"name="ptext">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p id="ptext1"name="ptext1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p id="ptext2"name="ptext1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p id="ptext3"name="ptext1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p id="ptext4"name="ptext1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p id="ptext5"name="ptext1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p id="ptext6"name="ptext1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
을 ptext1
하지만 그 방법이 올바르게 작동하지 않아서 .each
으로 옮겼습니다.
$.each(TextElements, function (index) {
this.style.display="none";
});
및
$('td[name=ptext1]').each(function (index) {
this.style.display="block";
});
은 (는 경고를 사용하여 실행 여부를 제가 테스트했습니다)가 제대로 작동하지 않았다.
이제 누군가 내 실수가 어디 있는지 확인할 수 있거나 더 나은 방법을 제안 할 수 있다면 나는 모두 귀입니다. 이것은 단순한 조작이어야하지만 어떤 이유로 든 내가 시도 할 때마다 실패합니다.
편집 : $('p[name=ptext1]').hide()
및 $('p[name=ptext1]').show()
는
<p id="ptext0"name="ptext">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
각 라인은 다른 ID 태그가, 또한 내가 숨기고 싶은 것들 위의 라인을 숨 깁니다) (.hide 제외하고 노력하고 있습니다,하지만 난 노력하고 있어요 name 태그를 사용하여 내가 숨기고 싶은 것들을 추적 할 수 있지만, 남아 있어야하는 줄 (name = "ptext")도 숨 깁니다. 당신이 표시된 선을 유지 .not()
와 그 라인 제외하려면
$('p[name="ptext1"]').css('display', 'none');// you can use block...
:
복사/붙여 넣기 오류 일 수 있지만'name' 속성 전에는 공백이 없기 때문에 속성에 의한 선택 작업에 반드시 영향을 미칩니다 ('name'은'p'에서 엄격히 유효하지 않습니다. 요소). – Jamiec