回答:どのようにトグルクラスのバニラJSは複雑な状況に答え
1947 ワード
どのように複雑な状況でトグルクラスのバニラJS
11月12日
0
document.querySelectorAll(".abstract-tab__content-view").forEach(function(item){
item.addEventListener("click",function(e){
e.preventDefault();
if(e.target.parentElement.classList.contains('abstract-tab__content-view')){
let dataKey = 0;
dataKey = +e.target.parentElement.parentElement.nextElementSibling.getAttribute('data-key');
abstractTabContentHide(dataKey)
e.target.parentElement.parentElement.nextElementSibling.classList.toggle('display-none');
return false;
}else{
e.preventDefault();
}
})
})
function abstractTabContentHide(key){
document.querySelectorAll(".abstract-tab__content").forEach(function(item){
// console.log(item.getAttribute('data-key'))
let currentKey = +item.getAttribute('data-key');
if(currentKey != key){
if(!item.classList.contains('display-none')){
item.classList.add('display-none');
return false;
}
return false;
}
return false;
}) ;
return false;
}
…
Open Full Answer
Reference
この問題について(回答:どのようにトグルクラスのバニラJSは複雑な状況に答え), 我々は、より多くの情報をここで見つけました
https://dev.to/abdullahalnoor/answer-how-toggle-class-vanilla-js-in-complex-situation-589f
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
document.querySelectorAll(".abstract-tab__content-view").forEach(function(item){
item.addEventListener("click",function(e){
e.preventDefault();
if(e.target.parentElement.classList.contains('abstract-tab__content-view')){
let dataKey = 0;
dataKey = +e.target.parentElement.parentElement.nextElementSibling.getAttribute('data-key');
abstractTabContentHide(dataKey)
e.target.parentElement.parentElement.nextElementSibling.classList.toggle('display-none');
return false;
}else{
e.preventDefault();
}
})
})
function abstractTabContentHide(key){
document.querySelectorAll(".abstract-tab__content").forEach(function(item){
// console.log(item.getAttribute('data-key'))
let currentKey = +item.getAttribute('data-key');
if(currentKey != key){
if(!item.classList.contains('display-none')){
item.classList.add('display-none');
return false;
}
return false;
}
return false;
}) ;
return false;
}
Reference
この問題について(回答:どのようにトグルクラスのバニラJSは複雑な状況に答え), 我々は、より多くの情報をここで見つけました https://dev.to/abdullahalnoor/answer-how-toggle-class-vanilla-js-in-complex-situation-589fテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol