jq设置页面内点击一级导航显示不同的二级导航以及内容

效果：有8个一级导航（第一张图片），点击进入后，有二级导航以及页面内容（第二三张图片）。

html结构（代码在后面）：

  1 
  2         <div class="col-xs col-sm hidden-md hidden-lg centerbox">
  3             
  4             <div class="centerbox_in">
  5                 
  6                 <div class="col-xs col-sm hidden-md hidden-lg centerbox_in_up">
  7                     <div class="centerbox_in_up_title">管理咨询div>
  8                     
  9                     <div class="centerbox_in_up_nav">
 10                         <div id="yinav0" class="centerbox_in_up_nav_box">
 11                             <div class="centerbox_in_up_nav_son">通用管理div>
 12                             <div class="centerbox_in_up_nav_son">通用管理通用管理div>
 13                             <div class="centerbox_in_up_nav_son">通用管理div>
 14                             <div class="centerbox_in_up_nav_son">通用管理div>
 15                             <div class="centerbox_in_up_nav_son">通用管理div>
 16                         div>
 17                         <div id="yinav1" class="centerbox_in_up_nav_box">
 18                             <div class="centerbox_in_up_nav_son">包个红包div>
 19                             <div class="centerbox_in_up_nav_son">投融资管理div>
 20                             <div class="centerbox_in_up_nav_son">投融资管理div>
 21                         div>
 22                         <div id="yinav2" class="centerbox_in_up_nav_box">
 23                             <div class="centerbox_in_up_nav_son">品牌管理div>
 24                         div>
 25                         <div id="yinav3" class="centerbox_in_up_nav_box">
 26                             <div class="centerbox_in_up_nav_son">供应链管理div>
 27                         div>
 28                         <div id="yinav4" class="centerbox_in_up_nav_box">
 29                             <div class="centerbox_in_up_nav_son">生产管理div>
 30                         div>
 31                         <div id="yinav5" class="centerbox_in_up_nav_box">
 32                             <div class="centerbox_in_up_nav_son">财务管理div>
 33                         div>
 34                         <div id="yinav6" class="centerbox_in_up_nav_box">
 35                             <div class="centerbox_in_up_nav_son">市场营销管理div>
 36                         div>
 37                         <div id="yinav7" class="centerbox_in_up_nav_box">
 38                             <div class="centerbox_in_up_nav_son">人力资源管理div>
 39                         div>
 40                     div>
 41                 div>
 42                 
 43                 <div class="centerbox_in_down">
 44                     
 45                     <div id="beforenav" class="centerbox_in_down_before">
 46                         <div class="col-xs-6 col-sm-6 centerbox_in_down_before_son">
 47                             <div class="centerbox_in_down_before_img">
 48                                 <img src="./img/man_img.jpg" />
 49                             div>
 50                             <div class="centerbox_in_down_before_txt">企业战略规划div>
 51                         div>
 52                         <div class="col-xs-6 col-sm-6 centerbox_in_down_before_son">
 53                             <div class="centerbox_in_down_before_img">
 54                                 <img src="./img/man_img.jpg" />
 55                             div>
 56                             <div class="centerbox_in_down_before_txt">投融资管理div>
 57                         div>
 58                         <div class="col-xs-6 col-sm-6 centerbox_in_down_before_son">
 59                             <div class="centerbox_in_down_before_img">
 60                                 <img src="./img/man_img.jpg" />
 61                             div>
 62                             <div class="centerbox_in_down_before_txt">品牌管理div>
 63                         div>
 64                         <div class="col-xs-6 col-sm-6 centerbox_in_down_before_son">
 65                             <div class="centerbox_in_down_before_img">
 66                                 <img src="./img/man_img.jpg" />
 67                             div>
 68                             <div class="centerbox_in_down_before_txt">供应链管理div>
 69                         div>
 70                         <div class="col-xs-6 col-sm-6 centerbox_in_down_before_son">
 71                             <div class="centerbox_in_down_before_img">
 72                                 <img src="./img/man_img.jpg" />
 73                             div>
 74                             <div class="centerbox_in_down_before_txt">生产管理div>
 75                         div>
 76                         <div class="col-xs-6 col-sm-6 centerbox_in_down_before_son">
 77                             <div class="centerbox_in_down_before_img">
 78                                 <img src="./img/man_img.jpg" />
 79                             div>
 80                             <div class="centerbox_in_down_before_txt">财务管理div>
 81                         div>
 82                         <div class="col-xs-6 col-sm-6 centerbox_in_down_before_son">
 83                             <div class="centerbox_in_down_before_img">
 84                                 <img src="./img/man_img.jpg" />
 85                             div>
 86                             <div class="centerbox_in_down_before_txt">市场营销管理div>
 87                         div>
 88                         <div class="col-xs-6 col-sm-6 centerbox_in_down_before_son">
 89                             <div class="centerbox_in_down_before_img">
 90                                 <img src="./img/man_img.jpg" />
 91                             div>
 92                             <div class="centerbox_in_down_before_txt">人力资源管理div>
 93                         div>
 94                     div>
 95                 div>
 96                 <div id="yifather">
 97                     <div id="yison0" class="col-xs col-sm hidden-md hidden-lg centerbox_in_down">
 98                         <div>
 99                             <div class="centerbox_in_right_main_img">
100                                 <img src="./img/banner05.jpg" />
101                             div>
102                             <div class="centerbox_in_right_main_text">
103                                 
104                                 <div>卓智战略咨询为所有有志于实现长期永续发展的中外企业提供战略规划咨询服务。div>
105                                 <div>卓智战略咨询提供的战略规划服务涵盖从公司战略、业务战略到职能战略的全套综合性战略解决方案。在当前金融海啸冲击波肆虐，企业发展面临前所未有的不确定性，企业战略是否得当事关企业生死存亡，战略规划的重要性日益凸显。 div>
106                                 <div>在多年的咨询实践中，尤其是当前中国面临经济环境大变局的关键时刻，卓智和行业相关咨询公司发现，中国企业在战略规划方面主要存在以下问题：  div>
107                                 <div>·    企业发展缺乏方向感，没有长远的战略目标；div>
108                                 <div>·    战略决策随意性较大，缺乏科学的决策机制。在面临经济变局的关键时刻，不是悲观失望、无所作为，就是盲目乐观，不顾实际；div>
109                                 <div>·    对市场和竞争环境的认识和分析盲目，缺乏科学严谨的分析；div>
110                                 <div>·    盲目追逐市场热点，企业投资过度多元化，企业资源被过度分散；div>
111                                 <div>·    企业战略计划流于书面报告，没有明确的切实可行的战略目标；div>
112                                 <div>·    企业战略计划难以得到中高层的有力支持，也没有具体的行动计划 ； div>
113                                 <div>……div>
114                                 <div>针对中国企业当前环境下的特殊需求，卓智提供的公司战略解决方案重点针对企业核心竞争力提升、业务多元化方向和方式、国际化发展方向和步骤、业务流程再造或优化、公司治理结构、集团管理模式和区域规划等重点、热点问题。 div>
115                                 <div>主要工作内容包括： div>
116                                 <div>·    利用竞争分析模型对市场和竞争状况作全面客观的量化分析；div>
117                                 <div>·    对竞争对手进行详细调查，分析其优劣势；div>
118                                 <div>·    分析企业内部优势与劣势，确定企业核心竞争能力；div>
119                                 <div>·    对业内外优秀企业进行标杆分析和成功要素分析；div>
120                                 <div>·    运用相对成本地位分析法分析成本竞争优势；div>
121                                 <div>·    确定公司的业务范围和地域范围，确定公司发展方向，确定进入或退出部分市场及其具体方案；div>
122                                 <div>·    制定可供选择的发展战略及目标；div>
123                                 <div>·    运用客户共享、成本共享法分析多元化的可行性；div>
124                                 <div>·    确定多元化和专业化战略决策；div>
125                                 <div>·    制订详细的战略实施计划和监督控制方法；div>
126                                 <div>·    根据新的业务性质调整业务管理模式（如引入信息技术，运作流程再造）；div>
127                                 <div>·    制定战略实施计划和监督控制措施；div>
128                                 <div>·    设计相应的KPI（关键绩效指标）确保战略方案有效执行；div>
129                             div>
130                         div>
131                         <div>
132                             <div class="centerbox_in_right_main_img">
133                                 <img src="./img/banner01.jpg" />
134                             div>
135                             <div class="centerbox_in_right_main_text">
136                                 <div>第五天，还是羊的事，把小王子的生活秘密向我揭开了。好象默默地思索了 很长时间以后，得出了什么结果一样，他突然没头没脑地问我：div>
137                                 <div>“羊，要是吃小灌木，它也要吃花罗？”div>
138                                 <div>“它碰到什么吃什么。” “连有刺的花也吃吗？”div>
139                                 <div>“有刺的也吃！”div>
140                                 <div>“那么刺有什么用呢？”div>
141                                 <div>我不知道该怎么回答。那会儿我正忙着要从发动机上卸下一颗拧得太紧的螺 丝。我发现机器故障似乎很严重，饮水也快完了，担心可能发生最坏的情况，心 里很着急。div>
142                                 <div>“那么刺有什么用呢？”div>
143                                 <div>小王子一旦提出了问题，从来不会放过。这个该死的螺丝使我很恼火，我于 是就随便回答了他一句：div>
144                                 <div>“刺么，什么用都没有，这纯粹是花的恶劣表现。”div>
145                                 <div>“噢！”div>
146                                 <div>可是他沉默了一会儿之后，怀着不满的心情冲我说：div>
147                             div>
148                         div>
149                         <div>
150                             <div class="centerbox_in_right_main_img">
151                                 <img src="./img/banner02.jpg" />
152                             div>
153                             <div class="centerbox_in_right_main_text">
154                                 <div>“我不信！花是弱小的、淳朴的，它们总是设法保护自己，以为有了刺就可 以显出自己的厉害……”div>
155                                 <div>我默不作声。我当时想的，如果这个螺丝再和我作对，我就一锤子敲掉它。 小王子又来打搅我的思绪了：div>
156                                 <div>“你却认为花……”div>
157                                 <div>“算了吧，算了吧！我什么也不认为！我是随便回答你的。我可有正经事要 做。” 他惊讶地看着我。div>
158                                 <div>“正经事？”div>
159                                 <div>他瞅着我手拿锤子，手指沾满了油污，伏在一个在他看来丑不可言的机件上。div>
160                                 <div>“你说话就和那些大人一样！”div>
161                                 <div>这话使我有点难堪。可是他又尖刻无情地说道：div>
162                                 <div>“你什么都分不清……你把什么都混在一起！”div>
163                                 <div>他着实非常恼火。摇动着脑袋，金黄色的头发随风颤动着。div>
164                             div>
165                         div>
166                         <div>
167                             <div class="centerbox_in_right_main_img">
168                                 <img src="./img/banner03.jpg" />
169                             div>
170                             <div class="centerbox_in_right_main_text">
171                                 <div>第五天，还是羊的事，把小王子的生活秘密向我揭开了。好象默默地思索了 很长时间以后，得出了什么结果一样，他突然没头没脑地问我：div>
172                                 <div>“羊，要是吃小灌木，它也要吃花罗？”div>
173                                 <div>“它碰到什么吃什么。” “连有刺的花也吃吗？”div>
174                                 <div>“有刺的也吃！”div>
175                                 <div>“那么刺有什么用呢？”div>
176                                 <div>我不知道该怎么回答。那会儿我正忙着要从发动机上卸下一颗拧得太紧的螺 丝。我发现机器故障似乎很严重，饮水也快完了，担心可能发生最坏的情况，心 里很着急。div>
177                                 <div>“那么刺有什么用呢？”div>
178                                 <div>小王子一旦提出了问题，从来不会放过。这个该死的螺丝使我很恼火，我于 是就随便回答了他一句：div>
179                                 <div>“刺么，什么用都没有，这纯粹是花的恶劣表现。”div>
180                                 <div>“噢！”div>
181                                 <div>可是他沉默了一会儿之后，怀着不满的心情冲我说：div>
182                             div>
183                         div>
184                         <div>
185                             <div class="centerbox_in_right_main_img">
186                                 <img src="./img/banner04.jpg" />
187                             div>
188                             <div class="centerbox_in_right_main_text">
189                                 <div>“我不信！花是弱小的、淳朴的，它们总是设法保护自己，以为有了刺就可 以显出自己的厉害……”div>
190                                 <div>我默不作声。我当时想的，如果这个螺丝再和我作对，我就一锤子敲掉它。 小王子又来打搅我的思绪了：div>
191                                 <div>“你却认为花……”div>
192                                 <div>“算了吧，算了吧！我什么也不认为！我是随便回答你的。我可有正经事要 做。” 他惊讶地看着我。div>
193                                 <div>“正经事？”div>
194                                 <div>他瞅着我手拿锤子，手指沾满了油污，伏在一个在他看来丑不可言的机件上。div>
195                                 <div>“你说话就和那些大人一样！”div>
196                                 <div>这话使我有点难堪。可是他又尖刻无情地说道：div>
197                                 <div>“你什么都分不清……你把什么都混在一起！”div>
198                                 <div>他着实非常恼火。摇动着脑袋，金黄色的头发随风颤动着。div>
199                             div>
200                         div>
201                     div>
202                     <div id="yison1" class="col-xs col-sm hidden-md hidden-lg centerbox_in_down">
203                         <div>
204                             <div class="centerbox_in_right_main_img">
205                                 <img src="./img/banner02.jpg" />
206                             div>
207                             <div class="centerbox_in_right_main_text">
208                                 
209                                 <div>卓智战略咨询为所有有志于实现长期永续发展的中外企业提供战略规划咨询服务。div>
210                                 <div>卓智战略咨询提供的战略规划服务涵盖从公司战略、业务战略到职能战略的全套综合性战略解决方案。在当前金融海啸冲击波肆虐，企业发展面临前所未有的不确定性，企业战略是否得当事关企业生死存亡，战略规划的重要性日益凸显。 div>
211                                 <div>在多年的咨询实践中，尤其是当前中国面临经济环境大变局的关键时刻，卓智和行业相关咨询公司发现，中国企业在战略规划方面主要存在以下问题：  div>
212                                 <div>·    企业发展缺乏方向感，没有长远的战略目标；div>
213                                 <div>·    战略决策随意性较大，缺乏科学的决策机制。在面临经济变局的关键时刻，不是悲观失望、无所作为，就是盲目乐观，不顾实际；div>
214                                 <div>·    对市场和竞争环境的认识和分析盲目，缺乏科学严谨的分析；div>
215                                 <div>·    盲目追逐市场热点，企业投资过度多元化，企业资源被过度分散；div>
216                                 <div>·    企业战略计划流于书面报告，没有明确的切实可行的战略目标；div>
217                                 <div>·    企业战略计划难以得到中高层的有力支持，也没有具体的行动计划 ； div>
218                                 <div>……div>
219                                 <div>针对中国企业当前环境下的特殊需求，卓智提供的公司战略解决方案重点针对企业核心竞争力提升、业务多元化方向和方式、国际化发展方向和步骤、业务流程再造或优化、公司治理结构、集团管理模式和区域规划等重点、热点问题。 div>
220                                 <div>主要工作内容包括： div>
221                                 <div>·    利用竞争分析模型对市场和竞争状况作全面客观的量化分析；div>
222                                 <div>·    对竞争对手进行详细调查，分析其优劣势；div>
223                                 <div>·    分析企业内部优势与劣势，确定企业核心竞争能力；div>
224                                 <div>·    对业内外优秀企业进行标杆分析和成功要素分析；div>
225                                 <div>·    运用相对成本地位分析法分析成本竞争优势；div>
226                                 <div>·    确定公司的业务范围和地域范围，确定公司发展方向，确定进入或退出部分市场及其具体方案；div>
227                                 <div>·    制定可供选择的发展战略及目标；div>
228                                 <div>·    运用客户共享、成本共享法分析多元化的可行性；div>
229                                 <div>·    确定多元化和专业化战略决策；div>
230                                 <div>·    制订详细的战略实施计划和监督控制方法；div>
231                                 <div>·    根据新的业务性质调整业务管理模式（如引入信息技术，运作流程再造）；div>
232                                 <div>·    制定战略实施计划和监督控制措施；div>
233                                 <div>·    设计相应的KPI（关键绩效指标）确保战略方案有效执行；div>
234                             div>
235                         div>
236                         <div>
237                             <div class="centerbox_in_right_main_img">
238                                 <img src="./img/banner05.jpg" />
239                             div>
240                             <div class="centerbox_in_right_main_text">
241                                 <div>第五天，还是羊的事，把小王子的生活秘密向我揭开了。好象默默地思索了 很长时间以后，得出了什么结果一样，他突然没头没脑地问我：div>
242                                 <div>“羊，要是吃小灌木，它也要吃花罗？”div>
243                                 <div>“它碰到什么吃什么。” “连有刺的花也吃吗？”div>
244                                 <div>“有刺的也吃！”div>
245                                 <div>“那么刺有什么用呢？”div>
246                                 <div>我不知道该怎么回答。那会儿我正忙着要从发动机上卸下一颗拧得太紧的螺 丝。我发现机器故障似乎很严重，饮水也快完了，担心可能发生最坏的情况，心 里很着急。div>
247                                 <div>“那么刺有什么用呢？”div>
248                                 <div>小王子一旦提出了问题，从来不会放过。这个该死的螺丝使我很恼火，我于 是就随便回答了他一句：div>
249                                 <div>“刺么，什么用都没有，这纯粹是花的恶劣表现。”div>
250                                 <div>“噢！”div>
251                                 <div>可是他沉默了一会儿之后，怀着不满的心情冲我说：div>
252                             div>
253                         div>
254                         <div>
255                             <div class="centerbox_in_right_main_img">
256                                 <img src="./img/banner03.jpg" />
257                             div>
258                             <div class="centerbox_in_right_main_text">
259                                 <div>“我不信！花是弱小的、淳朴的，它们总是设法保护自己，以为有了刺就可 以显出自己的厉害……”div>
260                                 <div>我默不作声。我当时想的，如果这个螺丝再和我作对，我就一锤子敲掉它。 小王子又来打搅我的思绪了：div>
261                                 <div>“你却认为花……”div>
262                                 <div>“算了吧，算了吧！我什么也不认为！我是随便回答你的。我可有正经事要 做。” 他惊讶地看着我。div>
263                                 <div>“正经事？”div>
264                                 <div>他瞅着我手拿锤子，手指沾满了油污，伏在一个在他看来丑不可言的机件上。div>
265                                 <div>“你说话就和那些大人一样！”div>
266                                 <div>这话使我有点难堪。可是他又尖刻无情地说道：div>
267                                 <div>“你什么都分不清……你把什么都混在一起！”div>
268                                 <div>他着实非常恼火。摇动着脑袋，金黄色的头发随风颤动着。div>
269                             div>
270                         div>
271                     div>
272                     <div id="yison2" class="col-xs col-sm hidden-md hidden-lg centerbox_in_down">
273                         <div>
274                             <div class="centerbox_in_right_main_img">
275                                 <img src="./img/banner03.jpg" />
276                             div>
277                             <div class="centerbox_in_right_main_text">
278                                 
279                                 <div>卓智战略咨询为所有有志于实现长期永续发展的中外企业提供战略规划咨询服务。div>
280                                 <div>卓智战略咨询提供的战略规划服务涵盖从公司战略、业务战略到职能战略的全套综合性战略解决方案。在当前金融海啸冲击波肆虐，企业发展面临前所未有的不确定性，企业战略是否得当事关企业生死存亡，战略规划的重要性日益凸显。 div>
281                                 <div>在多年的咨询实践中，尤其是当前中国面临经济环境大变局的关键时刻，卓智和行业相关咨询公司发现，中国企业在战略规划方面主要存在以下问题：  div>
282                                 <div>·    企业发展缺乏方向感，没有长远的战略目标；div>
283                                 <div>·    战略决策随意性较大，缺乏科学的决策机制。在面临经济变局的关键时刻，不是悲观失望、无所作为，就是盲目乐观，不顾实际；div>
284                                 <div>·    对市场和竞争环境的认识和分析盲目，缺乏科学严谨的分析；div>
285                                 <div>·    盲目追逐市场热点，企业投资过度多元化，企业资源被过度分散；div>
286                                 <div>·    企业战略计划流于书面报告，没有明确的切实可行的战略目标；div>
287                                 <div>·    企业战略计划难以得到中高层的有力支持，也没有具体的行动计划 ； div>
288                                 <div>……div>
289                                 <div>针对中国企业当前环境下的特殊需求，卓智提供的公司战略解决方案重点针对企业核心竞争力提升、业务多元化方向和方式、国际化发展方向和步骤、业务流程再造或优化、公司治理结构、集团管理模式和区域规划等重点、热点问题。 div>
290                                 <div>主要工作内容包括： div>
291                                 <div>·    利用竞争分析模型对市场和竞争状况作全面客观的量化分析；div>
292                                 <div>·    对竞争对手进行详细调查，分析其优劣势；div>
293                                 <div>·    分析企业内部优势与劣势，确定企业核心竞争能力；div>
294                                 <div>·    对业内外优秀企业进行标杆分析和成功要素分析；div>
295                                 <div>·    运用相对成本地位分析法分析成本竞争优势；div>
296                                 <div>·    确定公司的业务范围和地域范围，确定公司发展方向，确定进入或退出部分市场及其具体方案；div>
297                                 <div>·    制定可供选择的发展战略及目标；div>
298                                 <div>·    运用客户共享、成本共享法分析多元化的可行性；div>
299                                 <div>·    确定多元化和专业化战略决策；div>
300                                 <div>·    制订详细的战略实施计划和监督控制方法；div>
301                                 <div>·    根据新的业务性质调整业务管理模式（如引入信息技术，运作流程再造）；div>
302                                 <div>·    制定战略实施计划和监督控制措施；div>
303                                 <div>·    设计相应的KPI（关键绩效指标）确保战略方案有效执行；div>
304                             div>
305                         div>
306                     div>
307                     <div id="yison3" class="col-xs col-sm hidden-md hidden-lg centerbox_in_down">
308                         <div>
309                             <div class="centerbox_in_right_main_img">
310                                 <img src="./img/banner04.jpg" />
311                             div>
312                             <div class="centerbox_in_right_main_text">
313                                 
314                                 <div>卓智战略咨询为所有有志于实现长期永续发展的中外企业提供战略规划咨询服务。div>
315                                 <div>卓智战略咨询提供的战略规划服务涵盖从公司战略、业务战略到职能战略的全套综合性战略解决方案。在当前金融海啸冲击波肆虐，企业发展面临前所未有的不确定性，企业战略是否得当事关企业生死存亡，战略规划的重要性日益凸显。 div>
316                                 <div>在多年的咨询实践中，尤其是当前中国面临经济环境大变局的关键时刻，卓智和行业相关咨询公司发现，中国企业在战略规划方面主要存在以下问题：  div>
317                                 <div>·    企业发展缺乏方向感，没有长远的战略目标；div>
318                                 <div>·    战略决策随意性较大，缺乏科学的决策机制。在面临经济变局的关键时刻，不是悲观失望、无所作为，就是盲目乐观，不顾实际；div>
319                                 <div>·    对市场和竞争环境的认识和分析盲目，缺乏科学严谨的分析；div>
320                                 <div>·    盲目追逐市场热点，企业投资过度多元化，企业资源被过度分散；div>
321                                 <div>·    企业战略计划流于书面报告，没有明确的切实可行的战略目标；div>
322                                 <div>·    企业战略计划难以得到中高层的有力支持，也没有具体的行动计划 ； div>
323                                 <div>……div>
324                                 <div>针对中国企业当前环境下的特殊需求，卓智提供的公司战略解决方案重点针对企业核心竞争力提升、业务多元化方向和方式、国际化发展方向和步骤、业务流程再造或优化、公司治理结构、集团管理模式和区域规划等重点、热点问题。 div>
325                                 <div>主要工作内容包括： div>
326                                 <div>·    利用竞争分析模型对市场和竞争状况作全面客观的量化分析；div>
327                                 <div>·    对竞争对手进行详细调查，分析其优劣势；div>
328                                 <div>·    分析企业内部优势与劣势，确定企业核心竞争能力；div>
329                                 <div>·    对业内外优秀企业进行标杆分析和成功要素分析；div>
330                                 <div>·    运用相对成本地位分析法分析成本竞争优势；div>
331                                 <div>·    确定公司的业务范围和地域范围，确定公司发展方向，确定进入或退出部分市场及其具体方案；div>
332                                 <div>·    制定可供选择的发展战略及目标；div>
333                                 <div>·    运用客户共享、成本共享法分析多元化的可行性；div>
334                                 <div>·    确定多元化和专业化战略决策；div>
335                                 <div>·    制订详细的战略实施计划和监督控制方法；div>
336                                 <div>·    根据新的业务性质调整业务管理模式（如引入信息技术，运作流程再造）；div>
337                                 <div>·    制定战略实施计划和监督控制措施；div>
338                                 <div>·    设计相应的KPI（关键绩效指标）确保战略方案有效执行；div>
339                             div>
340                         div>
341                     div>
342                     <div id="yison4" class="col-xs col-sm hidden-md hidden-lg centerbox_in_down">
343                         <div>
344                             <div class="centerbox_in_right_main_img">
345                                 <img src="./img/banner05.jpg" />
346                             div>
347                             <div class="centerbox_in_right_main_text">
348                                 
349                                 <div>卓智战略咨询为所有有志于实现长期永续发展的中外企业提供战略规划咨询服务。div>
350                                 <div>卓智战略咨询提供的战略规划服务涵盖从公司战略、业务战略到职能战略的全套综合性战略解决方案。在当前金融海啸冲击波肆虐，企业发展面临前所未有的不确定性，企业战略是否得当事关企业生死存亡，战略规划的重要性日益凸显。 div>
351                                 <div>在多年的咨询实践中，尤其是当前中国面临经济环境大变局的关键时刻，卓智和行业相关咨询公司发现，中国企业在战略规划方面主要存在以下问题：  div>
352                                 <div>·    企业发展缺乏方向感，没有长远的战略目标；div>
353                                 <div>·    战略决策随意性较大，缺乏科学的决策机制。在面临经济变局的关键时刻，不是悲观失望、无所作为，就是盲目乐观，不顾实际；div>
354                                 <div>·    对市场和竞争环境的认识和分析盲目，缺乏科学严谨的分析；div>
355                                 <div>·    盲目追逐市场热点，企业投资过度多元化，企业资源被过度分散；div>
356                                 <div>·    企业战略计划流于书面报告，没有明确的切实可行的战略目标；div>
357                                 <div>·    企业战略计划难以得到中高层的有力支持，也没有具体的行动计划 ； div>
358                                 <div>……div>
359                                 <div>针对中国企业当前环境下的特殊需求，卓智提供的公司战略解决方案重点针对企业核心竞争力提升、业务多元化方向和方式、国际化发展方向和步骤、业务流程再造或优化、公司治理结构、集团管理模式和区域规划等重点、热点问题。 div>
360                                 <div>主要工作内容包括： div>
361                                 <div>·    利用竞争分析模型对市场和竞争状况作全面客观的量化分析；div>
362                                 <div>·    对竞争对手进行详细调查，分析其优劣势；div>
363                                 <div>·    分析企业内部优势与劣势，确定企业核心竞争能力；div>
364                                 <div>·    对业内外优秀企业进行标杆分析和成功要素分析；div>
365                                 <div>·    运用相对成本地位分析法分析成本竞争优势；div>
366                                 <div>·    确定公司的业务范围和地域范围，确定公司发展方向，确定进入或退出部分市场及其具体方案；div>
367                                 <div>·    制定可供选择的发展战略及目标；div>
368                                 <div>·    运用客户共享、成本共享法分析多元化的可行性；div>
369                                 <div>·    确定多元化和专业化战略决策；div>
370                                 <div>·    制订详细的战略实施计划和监督控制方法；div>
371                                 <div>·    根据新的业务性质调整业务管理模式（如引入信息技术，运作流程再造）；div>
372                                 <div>·    制定战略实施计划和监督控制措施；div>
373                                 <div>·    设计相应的KPI（关键绩效指标）确保战略方案有效执行；div>
374                             div>
375                         div>
376                     div>
377                     <div id="yison5" class="col-xs col-sm hidden-md hidden-lg centerbox_in_down">
378                         <div>
379                             <div class="centerbox_in_right_main_img">
380                                 <img src="./img/banner01.jpg" />
381                             div>
382                             <div class="centerbox_in_right_main_text">
383                                 
384                                 <div>卓智战略咨询为所有有志于实现长期永续发展的中外企业提供战略规划咨询服务。div>
385                                 <div>卓智战略咨询提供的战略规划服务涵盖从公司战略、业务战略到职能战略的全套综合性战略解决方案。在当前金融海啸冲击波肆虐，企业发展面临前所未有的不确定性，企业战略是否得当事关企业生死存亡，战略规划的重要性日益凸显。 div>
386                                 <div>在多年的咨询实践中，尤其是当前中国面临经济环境大变局的关键时刻，卓智和行业相关咨询公司发现，中国企业在战略规划方面主要存在以下问题：  div>
387                                 <div>·    企业发展缺乏方向感，没有长远的战略目标；div>
388                                 <div>·    战略决策随意性较大，缺乏科学的决策机制。在面临经济变局的关键时刻，不是悲观失望、无所作为，就是盲目乐观，不顾实际；div>
389                                 <div>·    对市场和竞争环境的认识和分析盲目，缺乏科学严谨的分析；div>
390                                 <div>·    盲目追逐市场热点，企业投资过度多元化，企业资源被过度分散；div>
391                                 <div>·    企业战略计划流于书面报告，没有明确的切实可行的战略目标；div>
392                                 <div>·    企业战略计划难以得到中高层的有力支持，也没有具体的行动计划 ； div>
393                                 <div>……div>
394                                 <div>针对中国企业当前环境下的特殊需求，卓智提供的公司战略解决方案重点针对企业核心竞争力提升、业务多元化方向和方式、国际化发展方向和步骤、业务流程再造或优化、公司治理结构、集团管理模式和区域规划等重点、热点问题。 div>
395                                 <div>主要工作内容包括： div>
396                                 <div>·    利用竞争分析模型对市场和竞争状况作全面客观的量化分析；div>
397                                 <div>·    对竞争对手进行详细调查，分析其优劣势；div>
398                                 <div>·    分析企业内部优势与劣势，确定企业核心竞争能力；div>
399                                 <div>·    对业内外优秀企业进行标杆分析和成功要素分析；div>
400                                 <div>·    运用相对成本地位分析法分析成本竞争优势；div>
401                                 <div>·    确定公司的业务范围和地域范围，确定公司发展方向，确定进入或退出部分市场及其具体方案；div>
402                                 <div>·    制定可供选择的发展战略及目标；div>
403                                 <div>·    运用客户共享、成本共享法分析多元化的可行性；div>
404                                 <div>·    确定多元化和专业化战略决策；div>
405                                 <div>·    制订详细的战略实施计划和监督控制方法；div>
406                                 <div>·    根据新的业务性质调整业务管理模式（如引入信息技术，运作流程再造）；div>
407                                 <div>·    制定战略实施计划和监督控制措施；div>
408                                 <div>·    设计相应的KPI（关键绩效指标）确保战略方案有效执行；div>
409                             div>
410                         div>
411                     div>
412                     <div id="yison6" class="col-xs col-sm hidden-md hidden-lg centerbox_in_down">
413                         <div>
414                             <div class="centerbox_in_right_main_img">
415                                 <img src="./img/banner02.jpg" />
416                             div>
417                             <div class="centerbox_in_right_main_text">
418                                 
419                                 <div>卓智战略咨询为所有有志于实现长期永续发展的中外企业提供战略规划咨询服务。div>
420                                 <div>卓智战略咨询提供的战略规划服务涵盖从公司战略、业务战略到职能战略的全套综合性战略解决方案。在当前金融海啸冲击波肆虐，企业发展面临前所未有的不确定性，企业战略是否得当事关企业生死存亡，战略规划的重要性日益凸显。 div>
421                                 <div>在多年的咨询实践中，尤其是当前中国面临经济环境大变局的关键时刻，卓智和行业相关咨询公司发现，中国企业在战略规划方面主要存在以下问题：  div>
422                                 <div>·    企业发展缺乏方向感，没有长远的战略目标；div>
423                                 <div>·    战略决策随意性较大，缺乏科学的决策机制。在面临经济变局的关键时刻，不是悲观失望、无所作为，就是盲目乐观，不顾实际；div>
424                                 <div>·    对市场和竞争环境的认识和分析盲目，缺乏科学严谨的分析；div>
425                                 <div>·    盲目追逐市场热点，企业投资过度多元化，企业资源被过度分散；div>
426                                 <div>·    企业战略计划流于书面报告，没有明确的切实可行的战略目标；div>
427                                 <div>·    企业战略计划难以得到中高层的有力支持，也没有具体的行动计划 ； div>
428                                 <div>……div>
429                                 <div>针对中国企业当前环境下的特殊需求，卓智提供的公司战略解决方案重点针对企业核心竞争力提升、业务多元化方向和方式、国际化发展方向和步骤、业务流程再造或优化、公司治理结构、集团管理模式和区域规划等重点、热点问题。 div>
430                                 <div>主要工作内容包括： div>
431                                 <div>·    利用竞争分析模型对市场和竞争状况作全面客观的量化分析；div>
432                                 <div>·    对竞争对手进行详细调查，分析其优劣势；div>
433                                 <div>·    分析企业内部优势与劣势，确定企业核心竞争能力；div>
434                                 <div>·    对业内外优秀企业进行标杆分析和成功要素分析；div>
435                                 <div>·    运用相对成本地位分析法分析成本竞争优势；div>
436                                 <div>·    确定公司的业务范围和地域范围，确定公司发展方向，确定进入或退出部分市场及其具体方案；div>
437                                 <div>·    制定可供选择的发展战略及目标；div>
438                                 <div>·    运用客户共享、成本共享法分析多元化的可行性；div>
439                                 <div>·    确定多元化和专业化战略决策；div>
440                                 <div>·    制订详细的战略实施计划和监督控制方法；div>
441                                 <div>·    根据新的业务性质调整业务管理模式（如引入信息技术，运作流程再造）；div>
442                                 <div>·    制定战略实施计划和监督控制措施；div>
443                                 <div>·    设计相应的KPI（关键绩效指标）确保战略方案有效执行；div>
444                             div>
445                         div>
446                     div>
447                     <div id="yison7" class="col-xs col-sm hidden-md hidden-lg centerbox_in_down">
448                         <div>
449                             <div class="centerbox_in_right_main_img">
450                                 <img src="./img/banner04.jpg" />
451                             div>
452                             <div class="centerbox_in_right_main_text">
453                                 
454                                 <div>卓智战略咨询为所有有志于实现长期永续发展的中外企业提供战略规划咨询服务。div>
455                                 <div>卓智战略咨询提供的战略规划服务涵盖从公司战略、业务战略到职能战略的全套综合性战略解决方案。在当前金融海啸冲击波肆虐，企业发展面临前所未有的不确定性，企业战略是否得当事关企业生死存亡，战略规划的重要性日益凸显。 div>
456                                 <div>在多年的咨询实践中，尤其是当前中国面临经济环境大变局的关键时刻，卓智和行业相关咨询公司发现，中国企业在战略规划方面主要存在以下问题：  div>
457                                 <div>·    企业发展缺乏方向感，没有长远的战略目标；div>
458                                 <div>·    战略决策随意性较大，缺乏科学的决策机制。在面临经济变局的关键时刻，不是悲观失望、无所作为，就是盲目乐观，不顾实际；div>
459                                 <div>·    对市场和竞争环境的认识和分析盲目，缺乏科学严谨的分析；div>
460                                 <div>·    盲目追逐市场热点，企业投资过度多元化，企业资源被过度分散；div>
461                                 <div>·    企业战略计划流于书面报告，没有明确的切实可行的战略目标；div>
462                                 <div>·    企业战略计划难以得到中高层的有力支持，也没有具体的行动计划 ； div>
463                                 <div>……div>
464                                 <div>针对中国企业当前环境下的特殊需求，卓智提供的公司战略解决方案重点针对企业核心竞争力提升、业务多元化方向和方式、国际化发展方向和步骤、业务流程再造或优化、公司治理结构、集团管理模式和区域规划等重点、热点问题。 div>
465                                 <div>主要工作内容包括： div>
466                                 <div>·    利用竞争分析模型对市场和竞争状况作全面客观的量化分析；div>
467                                 <div>·    对竞争对手进行详细调查，分析其优劣势；div>
468                                 <div>·    分析企业内部优势与劣势，确定企业核心竞争能力；div>
469                                 <div>·    对业内外优秀企业进行标杆分析和成功要素分析；div>
470                                 <div>·    运用相对成本地位分析法分析成本竞争优势；div>
471                                 <div>·    确定公司的业务范围和地域范围，确定公司发展方向，确定进入或退出部分市场及其具体方案；div>
472                                 <div>·    制定可供选择的发展战略及目标；div>
473                                 <div>·    运用客户共享、成本共享法分析多元化的可行性；div>
474                                 <div>·    确定多元化和专业化战略决策；div>
475                                 <div>·    制订详细的战略实施计划和监督控制方法；div>
476                                 <div>·    根据新的业务性质调整业务管理模式（如引入信息技术，运作流程再造）；div>
477                                 <div>·    制定战略实施计划和监督控制措施；div>
478                                 <div>·    设计相应的KPI（关键绩效指标）确保战略方案有效执行；div>
479                             div>
480                         div>
481                     div>
482                 div>
483             div>
484         div>

js代码：

此处使用for循环递增jq选择器的id

 1     // 移动端的nav切换
 2     let navlength = $("#beforenav").children().length;
 3     // console.log(navlength);
 4     $(".centerbox_in_up_nav>div").hide();
 5     $("#yifather>div").hide();
 6     $("#beforenav>div").off().on('click',function(){
 7         var beindex=$(this).index(); //获取
 8         $("#beforenav").parent().hide();
 9         $(".centerbox_in_up_nav").children().hide();
10         $("#yifather").children().hide();
11         for(let i=0;i<navlength;i++){
12             if(beindex==i){
13                 $(`#yinav${i}`).show();
14                 $(`#yison${i}`).show();
15                 $(`#yinav${i}>div:eq(0)`).addClass('centerbox_in_true'); // 第一个nav标红
16                 $(`#yison${i}>div`).hide();
17                 $(`#yison${i}>div:eq(0)`).show();  // 对应第一个nav的内容显示
18                 $(`#yinav${i}>div`).click(function(){  
19                     var index=$(this).index();//获取
20                     $(`#yinav${i}>div`).removeClass('centerbox_in_true');
21                     $(`#yinav${i}>div:eq(`+index+`)`).addClass('centerbox_in_true');
22                     $(`#yison${i}>div`).fadeOut(0);
23                     $(`#yison${i}>div:eq(`+index+`)`).fadeIn(0);
24                 })
25             }
26         }
27     });

 摘抄：https://www.imooc.com/wenda/detail/647270

参考例子1：
使用 ES6，您可以使用let适当的范围变量到循环和字符串插值，以使代码更清晰：


for (let i = 0; i < 6; i++) {

  $(`#my_id_${i}`).val('test');

}




参考例子2：

i 具有动态值。

尝试

$("#my_id_"+i).val('test');





参考例子3：
可以使用模板字符串从字符串文字中引用变量：


for(i = 0; i < 6; i++){

    $(`#my_id_${i}`).val('test');

}


也可以使用+但不包含+ i字符串文字：


for(i = 0; i < 6; i++){

    $("#my_id_" + i).val('test');

}

如果没有更多以 开头的6元素，则可以避免循环并使用：idmy_id_



$('[id^="my_id_"]').val('test');