如何在文本基礎上隱藏Div

我想獲取文本的父級，如上下文上更改隱藏和顯示上傳上級選項之一：所有部分。如何在文本基礎上隱藏Div

我試過indexOf（），Text（）和一些函數。但我沒有得到任何成功。我已經看到了同一個班級和Id的所有部分。所以沒有辦法做到這一點與類或ID，我需要做的只有選擇選項更改文本。

首先我想隱藏的下部，如果點擊比需要較低的顯示

<form method="post" action="abc.com/cart.php" onsubmit="return check_add_to_cart(this, false) " enctype="multipart/form-data" id="productDetailsAddToCartForm"> 
       <input type="hidden" name="action" value="add" /> 
       <input type="hidden" name="product_id" value="123456" /> 
       <input type="hidden" name="variation_id" class="CartVariationId" value="" /> 
       <input type="hidden" name="currency_id" value="" /> 
       <div class="ProductDetailsGrid ProductAddToCart"> 
        <div class="ProductOptionList"> 
       </div> 
       <div class="productAttributeList" style=""> 
        <div class="productAttributeRow productAttributeConfigurablePickListSet" id="1234567894582145454544545"> 
        <div class="productAttributeLabel"> 
        <label for="25rfdrdrdsrsde"> 
        <span class="required">*</span> 
        <span class="name"> Choose a Color:</span> 
        </label> 
       </div> 
       <div class="productAttributeValue"> 
       <div class="productOptionViewSelect"> 
       <select class="validation" id="2c5c346518d3c0ed238b6f9f2b1791e2" name="attribute[01]"> 
        <option value="" >-- Please Choose an Option --     </option> 
      <option value="01" selected="selected">Silver</option> 
      <option value="02">maroon</option> 
      <option value="03">skyblue</option> 
      </select> 
      </div> </div> 
       <div class="cf"></div> 
      </div> 
      <div class="productAttributeRow productAttributeConfigurablePickListSet" id="12345785541165645"> 
      <div class="productAttributeLabel"> 
      <label for="12354878454654546564"> 
      <span class="required">*</span> 
      <span class="name"> Quality: </span> 
      </label> 
      </div> 
      <div class="productAttributeValue"> 
      <div class="productOptionViewSelect"> 
      <select class="validation" id="7874545454611" name="attribute[02]"> 
      <option value="" > -- Please Choose an Option --     </option> 
      <option value="04" selected="selected">1</option> 
      <option value="05" >2</option> 
      </select> 
      </div> </div> 
       <div class="cf"></div> 
      </div> 
      <div class="productAttributeRow productAttributeConfigurableEntryFile" id="1115781erwtewtetewterte14545"> 
       <div class="productAttributeLabel"> 
        <label for="sdgdfgdfcxcbcvbxcbcdfsdfg"> 
        <span class="required">*</span> 
        <span class="name"> upload upper: </span> 
        </label> 
       </div> 
       <div class="productAttributeValue"> 
       <div class="fileInput"> 
       <label><input type="file" id="sadfffsdfsfsf2344234234234234" class="validation" name="attribute[03]" /></label> 
      </div> 
      <div class="fileLimitations"> 
          Maximum file size:40 MB </div> 
      <div class="fileExisting"> 
      </div> 
       </div> 
       <div class="cf"></div> 
      </div> 
      <div class="productAttributeRow productAttributeConfigurablePickListSet" id="1215781erwtewtetewterte14545"> 
       <div class="productAttributeLabel"> 
        <label for="1315781erwtewtetewterte14545"> 
        <span class="required">*</span> 
        <span class="name"> full set: </span> 
        </label> 
       </div> 
       <div class="productAttributeValue"> 
       <div class="productOptionViewSelect"> 
       <select class="validation" id="a1415781erwtewtetewterte14545" name="attribute[04]"> 
        <option value="" >-- Please Choose an Option --     </option> 
      <option value="77" selected="selected">Upper</option> 
      <option value="78">Lower</option> 
      </select> 
      </div> </div> 
       <div class="cf"></div> 
      </div> 
      <div class="productAttributeRow productAttributeConfigurablePickListSet" id="a1515781erwtewtetewterte14545"> 
       <div class="productAttributeLabel"> 
       <label for="1615781erwtewtetewterte14545"> 
       <span class="required">*</span> 
       <span class="name">Shipment:</span> 
        </label> 
       </div> 
       <div class="productAttributeValue"> 
       <div class="productOptionViewSelect"> 
       <select class="validation" id="1715781erwtewtetewterte14545" name="attribute[05]"> 
        <option value="" selected="selected"> 
         -- Please Choose an Option --</option> 
        <option value="64" >Slow</option> 
        <option value="65" >fast</option> 
         </select> 
      </div> </div> 
       <div class="cf"></div> 
      </div> 
      </div> 
       </div> 
      </form>

來源

2017-08-17 developer account

能你創建小提琴來展示你到目前爲止嘗試過的嗎？ –

jsfiddle.net/pankaj_kumar036/34xLa26u/ –

我想隱藏*上傳下載，上傳*全套更改：第二個選項更低。要顯示*上傳下半部分。通過文字降低。不能使用class和id，Class對所有人都是一樣的，id是動態的 –

你可以試試這個解決方案：

$(document).ready(function(){ 
 
    $("span:contains('upload Lower')").parents(".productAttributeRow:eq(0)").hide(); 
 

 
    $(".productOptionViewSelect select").change(function(){  
 
     $("span:contains('upload Lower')").parents(".productAttributeRow:eq(0)").hide(); 
 
     $("span:contains('upload upper')").parents(".productAttributeRow:eq(0)").hide(); 
 
     var text= $.trim($(this).find("option:selected").text()).toLowerCase(); 
 
     if(text=="upper"){ 
 
     $("span:contains('upload upper')").parents(".productAttributeRow:eq(0)").show(); 
 
     } 
 
     else if(text=="lower"){ 
 
     $("span:contains('upload Lower')").parents(".productAttributeRow:eq(0)").show(); 
 
     }  
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form method="post" action="abc.com/cart.php" onsubmit="return check_add_to_cart(this, false) " enctype="multipart/form-data" id="productDetailsAddToCartForm"> 
 
       <input type="hidden" name="action" value="add" /> 
 
       <input type="hidden" name="product_id" value="123456" /> 
 
       <input type="hidden" name="variation_id" class="CartVariationId" value="" /> 
 
       <input type="hidden" name="currency_id" value="" /> 
 
       <div class="ProductDetailsGrid ProductAddToCart"> 
 
        <div class="ProductOptionList"> 
 
       </div> 
 
       <div class="productAttributeList" style=""> 
 
        <div class="productAttributeRow productAttributeConfigurablePickListSet" id="1234567894582145454544545"> 
 
        <div class="productAttributeLabel"> 
 
        <label for="25rfdrdrdsrsde"> 
 
        <span class="required">*</span> 
 
        <span class="name"> Choose a Color:</span> 
 
        </label> 
 
       </div> 
 
       <div class="productAttributeValue"> 
 
       <div class="productOptionViewSelect"> 
 
       <select class="validation" id="2c5c346518d3c0ed238b6f9f2b1791e2" name="attribute[01]"> 
 
        <option value="" >-- Please Choose an Option --     </option> 
 
      <option value="01" selected="selected">Silver</option> 
 
      <option value="02">maroon</option> 
 
      <option value="03">skyblue</option> 
 
      </select> 
 
      </div> </div> 
 
       <div class="cf"></div> 
 
      </div> 
 
      <div class="productAttributeRow productAttributeConfigurablePickListSet" id="12345785541165645"> 
 
      <div class="productAttributeLabel"> 
 
      <label for="12354878454654546564"> 
 
      <span class="required">*</span> 
 
      <span class="name"> Quality: </span> 
 
      </label> 
 
      </div> 
 
      <div class="productAttributeValue"> 
 
      <div class="productOptionViewSelect"> 
 
      <select class="validation" id="7874545454611" name="attribute[02]"> 
 
      <option value="" > -- Please Choose an Option --     </option> 
 
      <option value="04" selected="selected">1</option> 
 
      <option value="05" >2</option> 
 
      </select> 
 
      </div> </div> 
 
       <div class="cf"></div> 
 
      </div> 
 
      <div class="productAttributeRow productAttributeConfigurableEntryFile" id="1115781erwtewtetewterte14545"> 
 
       <div class="productAttributeLabel"> 
 
        <label for="sdgdfgdfcxcbcvbxcbcdfsdfg"> 
 
        <span class="required">*</span> 
 
        <span class="name"> upload upper: </span> 
 
        </label> 
 
       </div> 
 
       <div class="productAttributeValue"> 
 
       <div class="fileInput"> 
 
       <label><input type="file" id="sadfffsdfsfsf2344234234234234" class="validation" name="attribute[03]" /></label> 
 
      </div> 
 
      <div class="fileLimitations"> 
 
          Maximum file size:40 MB </div> 
 
      <div class="fileExisting"> 
 
      </div> 
 
       </div> 
 
       <div class="cf"></div> 
 
      </div> 
 
       <div class="productAttributeRow productAttributeConfigurableEntryFile" id="1115781erwtewtetewterte14545"> 
 
       <div class="productAttributeLabel"> 
 
        <label for="sdgdfgdfcxcbcvbxcbcdfsdfg"> 
 
        <span class="required">*</span> 
 
        <span class="name"> upload Lower: </span> 
 
        </label> 
 
       </div> 
 
       <div class="productAttributeValue"> 
 
       <div class="fileInput"> 
 
       <label><input type="file" id="sadfffsdfsfsf2344234234234234" class="validation" name="attribute[03]" /></label> 
 
      </div> 
 
      <div class="fileLimitations"> 
 
          Maximum file size:40 MB </div> 
 
      <div class="fileExisting"> 
 
      </div> 
 
       </div> 
 
       <div class="cf"></div> 
 
      </div> 
 
      <div class="productAttributeRow productAttributeConfigurablePickListSet" id="1215781erwtewtetewterte14545"> 
 
       <div class="productAttributeLabel"> 
 
        <label for="1315781erwtewtetewterte14545"> 
 
        <span class="required">*</span> 
 
        <span class="name"> full set: </span> 
 
        </label> 
 
       </div> 
 
       <div class="productAttributeValue"> 
 
       <div class="productOptionViewSelect"> 
 
       <select class="validation" id="a1415781erwtewtetewterte14545" name="attribute[04]"> 
 
        <option value="" >-- Please Choose an Option --     </option> 
 
      <option value="77" selected="selected">Upper</option> 
 
      <option value="78">Lower</option> 
 
      </select> 
 
      </div> </div> 
 
       <div class="cf"></div> 
 
      </div> 
 
      <div class="productAttributeRow productAttributeConfigurablePickListSet" id="a1515781erwtewtetewterte14545"> 
 
       <div class="productAttributeLabel"> 
 
       <label for="1615781erwtewtetewterte14545"> 
 
       <span class="required">*</span> 
 
       <span class="name">Shipment:</span> 
 
        </label> 
 
       </div> 
 
       <div class="productAttributeValue"> 
 
       <div class="productOptionViewSelect"> 
 
       <select class="validation" id="1715781erwtewtetewterte14545" name="attribute[05]"> 
 
        <option value="" selected="selected"> 
 
         -- Please Choose an Option --</option> 
 
        <option value="64" >Slow</option> 
 
        <option value="65" >fast</option> 
 
         </select> 
 
      </div> </div> 
 
       <div class="cf"></div> 
 
      </div> 
 
      </div> 
 
       </div> 
 
      </form>

來源

2017-08-17 12:58:41

find("option:contains('Lower')").parent()

來源

2017-08-17 13:50:14

如何在文本基礎上隱藏Div

回答

相關問題