두 요소의 클래스 이름이 같은지 확인하는 방법이 있습니까? 내 코드jQuery : 두 요소가 같은 클래스인지 확인하는 방법
<body class="foo bar cats">
<a href="#" class="foo">Link</a>
<a href="#" class="puppies">Link</a>
는 내가하고 싶은 것은 몸의 클래스를 일치하는 경우 foo 링크에 다른 클래스를 추가입니다 ... 다음과 같습니다. 내 링크의 클래스 중 하나가 jQuery와 본문의 클래스를 일치시키는 지 어떻게 확인합니까?
나는 좋을 것 :
$('a').each(
function() {
var classes = this.classList;
for (var i=0,len=classes.length; i<len; i++){
if ($('body').hasClass(classes[i])){
$(this).addClass('bodySharesClass');
}
}
});
JS Fiddle demo합니다.
가/사용을 이해하기 위해 인터넷 익스플로러의 무능력에 노력해 계정을를 편집/
.classList을 구현 :
if (!document.createElement().classList){
var useAttr = true;
}
$('a').each(
function(i) {
var classes = [];
if (!useAttr){
classes = this.classList;
}
else {
classes = $(this).attr('class');
}
for (var i=0,len=classes.length; i<len; i++){
if ($('body').hasClass(classes[i])){
$(this).addClass('bodySharesClass');
}
}
});
JS Fiddle demo합니다. 이 IE을 고려하여, 내 이전 시도를 표시하기 때문에
이을 편집, 실패했습니다. 한숨. 아직도! 나는 그것을 테스트 할 수 없습니다이라도 난 것처럼이 방법은 모두 IE 및 윈도우없이 작동해야합니다
$('a').each(
function(i) {
var classes = this.className.split(/\s+/);
for (var i=0,len=classes.length; i<len; i++){
if ($('body').hasClass(classes[i])){
$(this).addClass('bodySharesClass');
}
}
});
JS Fiddle demo합니다.
참고 :
JQuery와 hasClass() 메소드를 사용하여 다른 사람이있을 수 있습니다, 솔루션
$('a').hasClass('foo').addClass('whatever');
여기에 한 가지 제안이 당신을 이끌 것입니다 (즉, 더 나은)뿐만 아니라 :)
$(document).ready(function() {
var $foo = $('.foo'); // select the foo link
if ($(body).hasClass($foo.attr('class'))) {
$foo.addClass('anotherClass');
}
});
확인, 내가 너를 올바르게 이해한다고 가정하면 ...
var link = $(".foo");//or select your link another way
var linkClass = link.attr("class");
if($("body").hasClass(linkClass)){
//link has matching class
link.addClass("newClass");
}
나는 01을 사용했다.본문 탭에 일치하는 클래스가 있는지 확인하는 JQuery 함수입니다.
하면 잠재적으로이 같은 그것을 할 수 이상의 클래스 이름이됩니다 링크 ...
var link = $(".foo");//or select your link another way
var linkClass = link.attr("class");
var classList = linkClass.split(/\s+/);
var matchFound = false;
for(var i = 0; i < classList.length; i++){
if($("body").hasClass(classList[i])){
//link has matching class
matchFound = true;
}
}
if(matchFound){
link.addClass("newClass");
}
, 같은에서 모든 링크를 처리하려면 당신이 JQuery each()에 모든 포장 등 같은 첫 번째 줄을 바꿀 수 시간 ...
$("a").each(function(index){
var link = $(this);
//the rest of the above code here
});
var body_classes =$('body').attr('class').split(/\s+/);
var foo_link = $('a.foo');
$.each(body_classes, function(index, item){
if (foo_link.hasClass(item)) {
foo_link.addClass('class_you_want_to_add');
return false;
}
});
가능한 복제본 : http://stackoverflow.com/questions/1227286/get-class-list-for-element-with-jquery – Peter
if ($ ('selector'). hasClass ('foo')) 경고 ('나는 클래스 foo, wohoo'); – ggzone
[.hasClass()] (http://api.jquery.com/hasClass/) – phemios