質問編集履歴

1

情報の追加

2018/05/02 03:41

投稿

k0908
k0908

スコア102

test CHANGED
File without changes
test CHANGED
@@ -243,3 +243,99 @@
243
243
  ```
244
244
 
245
245
  と書いたコードの実行。
246
+
247
+
248
+
249
+ ### 追記
250
+
251
+ jquery部分を
252
+
253
+ ```ここに言語を入力
254
+
255
+ <script type="text/javascript">
256
+
257
+ $(document).ready(function(){
258
+
259
+ $('.btn_menu').click(function(){
260
+
261
+ var obj = $(this);
262
+
263
+ $('nav').toggleClass('open');
264
+
265
+ $('h4').each(function(){
266
+
267
+ if($.trim($(this).text().toLowerCase()) == $.trim(obj.text().toLowerCase())){
268
+
269
+ $('.jq').nextAll().show();
270
+
271
+ }
272
+
273
+ else
274
+
275
+ {
276
+
277
+ $(this).hide();
278
+
279
+ }
280
+
281
+ });
282
+
283
+ });
284
+
285
+ });
286
+
287
+ </script>
288
+
289
+ ```
290
+
291
+ としhtmlを
292
+
293
+ ```ここに言語を入力
294
+
295
+ <nav>
296
+
297
+ <h2>HOMEPAGE</h2>
298
+
299
+ <!---->
300
+
301
+       <div class="jq">
302
+
303
+   <h4>AAA</h4>
304
+
305
+   <p>dog</p>
306
+
307
+       </div>
308
+
309
+ <!---->
310
+
311
+       <div class="jq">
312
+
313
+   <h4>BBB</h4>
314
+
315
+   <p>cat</p>
316
+
317
+       </div>
318
+
319
+ <!---->
320
+
321
+       <div class="jq">
322
+
323
+   <h4>CCC</h4>
324
+
325
+   <p>rabbit</p>
326
+
327
+       </div>
328
+
329
+ <!---->
330
+
331
+ </nav>
332
+
333
+ ```
334
+
335
+ と変更したら、今度は
336
+
337
+ AAAボタンを押すとそれ以降のpタグが取得され、
338
+
339
+ BBBボタンを押すとAAAやCCCのpタグも取得されるという意図していない挙動になった。
340
+
341
+ $('.jq').nextAll().show(); とnextAll()メソッドを使い、<div class="jq">で囲まれた部分を取得したかった。