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 <!-- 导航1 -->
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 <!-- 导航2 -->
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');
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现