質問編集履歴
3
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -22,4 +22,48 @@
|
|
|
22
22
|
これを以下のように表示させたいのですがお知恵を拝借できないでしょうか。
|
|
23
23
|
> <li><a href="/?hoge=&year=1">1年以内</a><span>0件</span></a></li>
|
|
24
24
|
|
|
25
|
-
よろしくお願いいたします。
|
|
25
|
+
よろしくお願いいたします。
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
###完成版：loadを使用した場合
|
|
30
|
+
```
|
|
31
|
+
<ul class="checkBoxListLink">
|
|
32
|
+
<li><a href="/?hoge=&year=1">1年以内<span></span></a></li>
|
|
33
|
+
<li><a href="/?hoge=&year=2">2年以内<span></span></a></li>
|
|
34
|
+
<li><a href="/?hoge=&year=3">3年以内<span></span></a></li>
|
|
35
|
+
</ul>
|
|
36
|
+
<script type="text/javascript">
|
|
37
|
+
$(".checkBoxListLink > li > a").each(function(i) {
|
|
38
|
+
var url = $(this).attr("href");
|
|
39
|
+
$(this).children("span").load(url + " #sort_val", function(){
|
|
40
|
+
$(this).html($(this).find(">span").text());
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
</script>
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
###完成版：ajaxを使用した場合
|
|
47
|
+
```
|
|
48
|
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
|
49
|
+
<script>
|
|
50
|
+
$(function() {
|
|
51
|
+
$(".checkBoxListLink > li > a").each(function(i) {
|
|
52
|
+
var me=$(this);
|
|
53
|
+
$.ajax({
|
|
54
|
+
url:me.attr('href'),
|
|
55
|
+
type:"get",
|
|
56
|
+
dataType:"html",
|
|
57
|
+
success:function(data){
|
|
58
|
+
me.find("span").html($(data).find('#sort_val').text());
|
|
59
|
+
},
|
|
60
|
+
});
|
|
61
|
+
});
|
|
62
|
+
});
|
|
63
|
+
</script>
|
|
64
|
+
<ul class="checkBoxListLink">
|
|
65
|
+
<li><a href="/?hoge=&year=1">1年以内<span></span></a></li>
|
|
66
|
+
<li><a href="/?hoge=&year=2">2年以内<span></span></a></li>
|
|
67
|
+
<li><a href="/?hoge=&year=3">3年以内<span></span></a></li>
|
|
68
|
+
</ul>
|
|
69
|
+
```
|
2
コードの修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
|
|
4
4
|
```
|
|
5
5
|
<ul class="checkBoxListLink">
|
|
6
|
-
<li><a href="/?hoge=&year=1">1年以内<
|
|
6
|
+
<li><a href="/?hoge=&year=1">1年以内<span></span></a></li>
|
|
7
|
-
<li><a href="/?hoge=&year=2">2年以内<
|
|
7
|
+
<li><a href="/?hoge=&year=2">2年以内<span></span></a></li>
|
|
8
|
-
<li><a href="/?hoge=&year=3">3年以内<
|
|
8
|
+
<li><a href="/?hoge=&year=3">3年以内<span></span></a></li>
|
|
9
9
|
</ul>
|
|
10
10
|
<script type="text/javascript">
|
|
11
11
|
$(".checkBoxListLink > li > a").each(function(i) {
|
1
コードの修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,19 +2,24 @@
|
|
|
2
2
|
タグも一緒についてきてしまいます。。。
|
|
3
3
|
|
|
4
4
|
```
|
|
5
|
+
<ul class="checkBoxListLink">
|
|
6
|
+
<li><a href="/?hoge=&year=1">1年以内</a><span></span></li>
|
|
7
|
+
<li><a href="/?hoge=&year=2">2年以内</a><span></span></li>
|
|
8
|
+
<li><a href="/?hoge=&year=3">3年以内</a><span></span></li>
|
|
9
|
+
</ul>
|
|
5
10
|
<script type="text/javascript">
|
|
6
11
|
$(".checkBoxListLink > li > a").each(function(i) {
|
|
7
12
|
var url = $(this).attr("href");
|
|
8
|
-
$(this).children("span").load(url + " #sort_val"
|
|
13
|
+
$(this).children("span").load(url + " #sort_val");
|
|
9
14
|
});
|
|
10
15
|
</script>
|
|
11
16
|
```
|
|
12
17
|
|
|
13
18
|
表示は以下のようになるのですが、
|
|
14
|
-
> <li><a href="/
|
|
19
|
+
> <li><a href="/?hoge=&year=1">1年以内<span><span id="sort_val">0件</span></span></a></li>
|
|
15
20
|
|
|
16
21
|
|
|
17
22
|
これを以下のように表示させたいのですがお知恵を拝借できないでしょうか。
|
|
18
|
-
> <li><a href="/
|
|
23
|
+
> <li><a href="/?hoge=&year=1">1年以内</a><span>0件</span></a></li>
|
|
19
24
|
|
|
20
25
|
よろしくお願いいたします。
|