Saya memiliki halaman referensi, tetapi saya ingin mengeditnya. Saya ingin memisahkan mereka menurut wilayah kerja. Misalnya kesehatan teknologi dan sebagainya. Saya sedang melakukan pekerjaan untuk itu tetapi saya biasanya tertarik dengan php, ini adalah hal-hal yang sudah lama tidak saya lihat. Saya tidak suka JS dan mencoba untuk tidak menggunakannya kecuali saya harus. masalah saya adalah mengikuti satu id muncul orang lain mencoba membuatnya tersembunyi. tapi itu jadi saya tidak bisa membantu saya bagaimana menelepon saya tidak tahu apa yang harus memindai.

function gizleGoster(ID) {
  var secilenID = document.getElementById(ID);
  if (secilenID.style.display == "none") {
    secilenID.style.display = "";
  } else {
    secilenID.style.display = "none";
  }
}
function tumu() {
  var secilenID = document.getElementById('health');
     secilenID.style.display = "";
     secilenID = document.getElementById('technology');
     secilenID.style.display = "";
     secilenID = document.getElementById('automotive');
     secilenID.style.display = "";
}
<a href="#" onclick="tumu()">All</a> 
<a href="#" onclick="gizleGoster('health')">Health</a> 
<a href="#" onclick="gizleGoster('technology')">Technology</a>
<a href="#" onclick="gizleGoster('automotive')">Automotive</a><br>

<br>
<br>
<div id="health">health</div><br>
<div id="technology">technology </div><br>
<div id="automotive">automotive</div><br>
<div id="health">health</div><br>
0
Muhammet Onur Aslan 28 Oktober 2019, 11:42

1 menjawab

Jawaban Terbaik

Inilah salah satu cara yang bisa dilakukan. Anda mungkin perlu tweek ini seperti yang diperlukan agar sesuai dengan kasus penggunaan Anda. Harap perhatikan bahwa saya juga telah memodifikasi HTML Anda.

function getIndustries() {
    return document.getElementById('industries').getElementsByTagName("div");
}

function hideElement(element){
    element.style.display = "none";
}

function showElement(element) {
  element.style.display = "";
}

function tumu() {
  var industries = getIndustries();
  for(var industry of industries) {
    showElement(industry);
  }
}

function gizleGoster(ID) {
  var industries = getIndustries();
  for(var industry of industries) {
     if (industry.className === ID) {
        showElement(industry);
     }
    else {
        hideElement(industry);
    }
  }
}
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<a href="#" onclick="tumu()">All</a> 
<a href="#" onclick="gizleGoster('health')">Health</a> 
<a href="#" onclick="gizleGoster('technology')">Technology</a>
<a href="#" onclick="gizleGoster('automotive')">Automotive</a><br>

<br>
<br>
<div id="industries">
  <div class="health">health</div><br>
  <div class="technology">technology </div><br>
  <div class="automotive">automotive</div><br>
  <div class="health">health</div><br>
</div>  
  
</body>
</html>
0
labennett 28 Oktober 2019, 09:18