2016-08-19 28 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工作代码有帮助吗? –

相关问题