에 대한이 같은 클래스를 가지고있다.사업부 클래스 추가 매개 변수 JQuery와
내 사진 div 안에이 매개 변수를 제출하여 JQuery 코드로 사용하는 방법이 필요하며 여전히 내 웹 사이트 W3C를 준수해야합니다. 어떤 아이디어?
에 대한이 같은 클래스를 가지고있다.사업부 클래스 추가 매개 변수 JQuery와
내 사진 div 안에이 매개 변수를 제출하여 JQuery 코드로 사용하는 방법이 필요하며 여전히 내 웹 사이트 W3C를 준수해야합니다. 어떤 아이디어?
doctype을 HTML5로 설정하고 custom data-* attributes을 사용하십시오.
<!DOCTYPE HTML>
...
<div class="photo" data-parameter1="custom" data-parameter2="custom" data-parameter3="custom" data-parameter4="custom"></div>
당신이 HTML5를 사용하는 경우, 당신은 당신이 같은 것을 사용할 수 있습니다 custom attributes prefixed with data-*
를 만들 수있는 옵션이 있습니다 그것을 DIV로 끝나야합니다 귀하의 sysntax가 올바르지 잘
<div class="photo" data-parameter1="custom" data-parameter2="custom">...</div>
을
예, 맞춤 속성을 태그에 추가하면 w3c와 호환되지 않습니다.
var a=$('.photo').attr('parameter1');
var b=$('.photo').attr('parameter2');
var c=$('.photo').attr('parameter3');
var d=$('.photo').attr('parameter4');
을 다음과 같이 자신의 값을 선택하고 당신이 jQuery를 사용하여 새 속성을 추가하려면 다음과 같이 당신이 그것을 할 수 있습니다 : U
잘 작동$('.photo').attr('newParameter','value');
희망을
HTML의 일부 개념이 일치하지 않는다고 생각합니다.
먼저 div는 "클래스"가 아니며 "div 요소"가 있습니다. div 요소는 class 속성을 가질 수 있습니다.
둘째, 을 사용하여 요소를 닫아야합니다 (</class>
이 아님).
.hidden {
display: none;
}
을 마지막으로 jQuery를가를 검색 할 : 문제에 대한
또 다른 해결책은 CSS 스타일이 같이가는 예를<div class="photo">
<span class="hidden" name="parameter1">...</span>
<span class="hidden" name="parameter2">...</span>
<span class="hidden" name="parameter3">...</span>
<span class="hidden" name="parameter4">...</span>
</div>
를 들어, DIV 안에 숨겨진 요소를 사용하는 것입니다 값 :
var value = $('div.photo span[name="parameter1"]').html();
더 최신 버전의 jQuery는 모든 'data- *'속성을 데이터 객체에 추가한다는 점에 유의하십시오. t ... 이렇게하면 다음과 같이 접근 할 수 있습니다 :'$ ('. photo'). data(). 매개 변수 1' 등 – Mottie
예! 또는 요소에서 모든 데이터 속성을 추출하지 않으려면'$ ('. photo'). data ('parameter1')'를 사용할 수 있습니다. – jimmystormig