回答編集履歴
1
追記
answer
CHANGED
|
@@ -32,4 +32,19 @@
|
|
|
32
32
|
<p>チョコ</p>
|
|
33
33
|
<p>とうふ</p>
|
|
34
34
|
</div>
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
# 追記
|
|
38
|
+
optionのテキストベースで処理
|
|
39
|
+
```javascript
|
|
40
|
+
$(function(){
|
|
41
|
+
$('#select01').on('change',function(){
|
|
42
|
+
var list={"A店":"りんご|いちご","B店":"ざくろ","C店":"チョコ|とうふ","D店":"いちご|りんご"};
|
|
43
|
+
var reg=new RegExp("^("+list[$(this).find('option:selected').text()]+")$");
|
|
44
|
+
$('#section01 p').removeClass('active').filter(function(){
|
|
45
|
+
return $(this).text().match(reg);
|
|
46
|
+
}).addClass('active');
|
|
47
|
+
}).trigger('change');
|
|
48
|
+
});
|
|
49
|
+
|
|
35
50
|
```
|