第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

根據(jù)下拉選項(xiàng)值“jQuery 過濾方法”顯示/隱藏具有多個(gè)屬性值的 DIV

根據(jù)下拉選項(xiàng)值“jQuery 過濾方法”顯示/隱藏具有多個(gè)屬性值的 DIV

寶慕林4294392 2021-06-15 17:20:27
我試圖顯示/隱藏多個(gè)服務(wù),每個(gè)服務(wù)都有一個(gè)名為 data-serviceregion 的自定義屬性,根據(jù)每個(gè)下拉選擇選項(xiàng)的單個(gè)值,每個(gè)服務(wù)可能有也可能沒有多個(gè)值<form class="book-now"><select name="region" id="region"><option value="">choose region</option><option data-regionid="70" value="region-1">region-1</option><option data-regionid="71" value="region-2">region-2</option></select><div id="bookingservices" style="display: none;"><div data-serviceregion="70,71" class="service-outer" style="display: block; width:50px;height:50px;background:red;margin: 10px 10px 10px 10px;text-align:center;"><div class="service-name"><h5>Cs a c</h5></div><div class="service-price">5000.00&nbsp;</div></div><div data-serviceregion="71" class="service-outer" style="display: block;width:50px;height:50px;background:red;margin: 10px 10px 10px 10px"><div class="service-name"><h5>Re a c</h5></div><div class="service-price">2000.00&nbsp;</div></div><div data-serviceregion="70" class="service-outer" style="display: block;width:50px;height:50px;background:red;margin: 10px 10px 10px 10px"><div class="service-name"><h5>Cs a h</h5></div><div class="service-price">5000.00&nbsp;</div></div></div></form>所以基本上在這一行 "jQuery('.service-outer').filter(function() {" 我正在過濾每個(gè) .service-outer DIV,取其每個(gè)屬性的值,然后將其拆分為數(shù)組然后我使用 inArray 方法檢查下拉選項(xiàng)的值是否在我之前創(chuàng)建的數(shù)組中,最后根據(jù)它是否在數(shù)組中的條件顯示或隱藏它注意:我出于調(diào)試原因附加變量我認(rèn)為當(dāng)您嘗試代碼時(shí)它會(huì)很有用問題是在執(zhí)行代碼時(shí)它只采用第一個(gè) div 屬性值而不是每個(gè) div 然后只顯示剩余的兩個(gè) DIV第二個(gè)注意事項(xiàng):我嘗試使用過濾器方法將 regionid 的單個(gè)值與 data-serviceregion 的單個(gè)值進(jìn)行比較,并且它僅適用于具有一個(gè)數(shù)字的服務(wù)jQuery('select[name="region"]').change(function(){    var region = jQuery(this).val();    var regionid = jQuery(this).find(':selected').data("regionid");    if(region != "") {        jQuery("#bookingservices").show();          jQuery('.service-outer').filter(function() {  var serregs = jQuery(this).data("serviceregion");  var serreg = serregs.split(",");            if ( jQuery.inArray(regionid, serreg)!=-1 ) {            jQuery(this).show();    jQuery("#bookingservices").append('<p>'+serreg+'</p>');   
查看完整描述

1 回答

  • 1 回答
  • 0 關(guān)注
  • 188 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)