2016-08-19 85 views
-2

我有一個代碼,它基本上隱藏並顯示了前一個點擊後的下一個p。事情是,我想要針對每個產品的目標類別進行更改。所以,我怎麼會去寫,這將是普遍的,將所有產品查找類名稱的一部分並將其作爲目標

https://jsfiddle.net/Legktcwg/

jQuery(document).ready(function() { 

    jQuery('.form-row.form-row-wide.addon-wrap-8-zdjecie').hide(); 
    jQuery('.form-row.form-row-wide.addon-wrap-8-zdjecie').first().show(); 

    jQuery('.input-text.addon').on('change', function() { 
    jQuery(this).closest("p").next().show(); 
    }); 
}); 

在這種情況下,工作代碼,我想針對每一個類,但在地方的8,以9任何NUMER ,1232,332等

+1

如何爲所有這些項目分配一些附加屬性(class或'data-'屬性),然後在選擇器中定位該屬性? – raina77ow

+0

順便說一句,最好先爲所有這些項目分配一個類似'.hide'的類,然後把它放到第一個類中。就目前而言,所有項目都有一個閃光點,這不符合用戶界面的要求。 – raina77ow

回答

0

jQuery的支持模式匹配選擇,例如match an attribute that starts with a value你的代碼應該是這樣的:

jQuery("p[class^='form-row form-row-wide addon-wrap-']").hide(); 

您也可以匹配選擇器end with something,that match anywhere

Here's a JSFiddle with working code和您的HTML的簡化部分。

+0

可悲的是這不工作:(我知道你說的「這樣的事情」,但我是一個總的新手,昨天我已經完成了我的第一個jQuery教程,而我創建的是不工作,因爲我啓動它:D無論如何感謝努力 – phoez

+0

我已經添加了一個鏈接到JSFiddle的工作代碼 –

+0

@phoez工作代碼有幫助嗎? –

相關問題