顯示元素的HTML，如果這個孩子包含文本

Question

這是我的HTML的一部分：

<div class="rigaEven"> 
       <div class="col1"> 
        <p class="stage">ROOM B</p> 
        <p class="where">Street</p> 
       </div> 
       <div class="col2 half"> 
        <p class="when">09:00 - 11:00</p> 
       </div> 
       <div class="col3"> 
        <p class="what">EVENT</p> 
        <p class="type">event</p> 
        <p class="who">PIER LUIGI GAROTTI</p> 
       </div> 
      </div> 
<div class="rigaOdd"> 
       <div class="col1"> 
        <p class="stage">ROOM C</p> 
        <p class="where">Street</p> 
       </div> 
       <div class="col2 half"> 
        <p class="when">09:00 - 11:00</p> 
       </div> 
       <div class="col3"> 
        <p class="what">MEETING</p> 
        <p class="type">event</p> 
        <p class="who">FRANCESCA GUARINO</p> 
       </div> 
      </div> 

我想隱藏帶班rigaEven或rigaOdd格，如果這個孩子COL3包含特定的文本。 我會實現這個方法卻行不通：

function(filter){ 
    if($(\".col3:contains("+filter+")\")){ 
     $(\".rigaEven\").show(); 
    } 
    if($(\".col3:contains("+filter+")\")){ 
     $(\".rigaOdd\").show(); 
    } 
} 

Answer 1

所有的功能首先還沒有名字，所以你不能在任何地方把它叫做：

function myFilter(filter){}; 
//or 
var myFilter = function(filter){}; 

其次，對於您的示例（在代碼中如果條件是這兩種情況下，因此它不能正常工作）相同：

function myFilter(filter){ 
    //you need to check what value filter has 
    if($(".col3:contains("+filter+")") && (filter === "john")){ 
    $(".rigaEven").show(); 
    } 
    if(!$(".col3:contains("+filter+")") && (filter === "paul")){ 
    $(".rigaOdd").show(); 
    } 
}