Скрыть все дивы, которые содержат элемент внутри

У меня есть три дивы с тем же классом, внутри диссертаций DIVS У меня есть другие дивы с двумя разными классом:Скрыть все дивы, которые содержат элемент внутри

<div class="TotalResults"> 
<div class="resultPassed"></div> 
</div> 

<div class="TotalResults"> 
<div class="resultPassed"></div> 
</div> 

<div class="TotalResults"> 
<div class="resultError"></div> 
</div>

Я хотел бы, чтобы скрыть все дивы, которые имеют class="resultPassed" внутри него , как я могу сделать это с помощью javascript или jquery?

источник

2016-08-28 Lacrifilm

Возможный дубликат [проверить дочерний элемент, скрыть родителя, если ребенок существует] (http://stackoverflow.com/questions/26725552/check-for-child-element- hide-parent-if-child-exists) – Li357

Надеюсь, это поможет вам. [Скрыть родителя div] (http://stackoverflow.com/questions/11730765/hide-parent-of-div) – StevenC

Это должно работать:

$('.resultPassed').parent().hide()

источник

2016-08-28 22:45:01

Попробуйте:

$("div").has(".resultPassed").hide();

Окончательный код:

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    
 
</head> 
 
<body> 
 
    <div class="TotalResults"> 
 
     <div class="resultPassed">I am resultPassed</div> 
 
    </div> 
 
    
 
    <div class="TotalResults"> 
 
     <div class="resultPassed">I am resultPassed</div> 
 
    </div> 
 
    
 
    <div class="TotalResults"> 
 
     <div class="resultError">I am not resultPassed</div> 
 
    </div> 
 
    
 
    <button class="btn">Hide</button> 
 
    
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script>   
 
    $(document).ready(function(){ 
 
     
 
     $(".btn").on("click",function(){ 
 
      $("div").has(".resultPassed").hide(1000); 
 
     }) 
 
     
 
    }) 
 
    </script> 
 
</body> 
 
</html>

источник

2016-08-28 22:45:03 Ehsan

В Jquery -

$('.resultPassed').parent().hide() изменит отображение на none.

В чистом JS -

var arr = document.getElementsByClassName("resultPassed"); 

for (var i = 0; i < arr.length; i++) { 
    arr[i].parentNode.style.display = "none"; 
}

источник

2016-08-28 22:45:12 MPawlak

Скрыть все дивы, которые содержат элемент внутри

ответ

Смежные вопросы