以下のようにloadで値を取ることができましたが、
タグも一緒についてきてしまいます。。。
<ul class="checkBoxListLink"> <li><a href="/?hoge=&year=1">1年以内<span></span></a></li> <li><a href="/?hoge=&year=2">2年以内<span></span></a></li> <li><a href="/?hoge=&year=3">3年以内<span></span></a></li> </ul> <script type="text/javascript"> $(".checkBoxListLink > li > a").each(function(i) { var url = $(this).attr("href"); $(this).children("span").load(url + " #sort_val"); }); </script>
表示は以下のようになるのですが、
<li><a href="/?hoge=&year=1">1年以内<span><span id="sort_val">0件</span></span></a></li>
これを以下のように表示させたいのですがお知恵を拝借できないでしょうか。
<li><a href="/?hoge=&year=1">1年以内</a><span>0件</span></a></li>
よろしくお願いいたします。
###完成版:loadを使用した場合
<ul class="checkBoxListLink"> <li><a href="/?hoge=&year=1">1年以内<span></span></a></li> <li><a href="/?hoge=&year=2">2年以内<span></span></a></li> <li><a href="/?hoge=&year=3">3年以内<span></span></a></li> </ul> <script type="text/javascript"> $(".checkBoxListLink > li > a").each(function(i) { var url = $(this).attr("href"); $(this).children("span").load(url + " #sort_val", function(){ $(this).html($(this).find(">span").text()); }); }); </script>
###完成版:ajaxを使用した場合
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(function() { $(".checkBoxListLink > li > a").each(function(i) { var me=$(this); $.ajax({ url:me.attr('href'), type:"get", dataType:"html", success:function(data){ me.find("span").html($(data).find('#sort_val').text()); }, }); }); }); </script> <ul class="checkBoxListLink"> <li><a href="/?hoge=&year=1">1年以内<span></span></a></li> <li><a href="/?hoge=&year=2">2年以内<span></span></a></li> <li><a href="/?hoge=&year=3">3年以内<span></span></a></li> </ul>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/04/06 02:08
2017/04/06 02:12
2017/04/06 02:28 編集
2017/04/06 02:28
2017/04/06 02:35 編集
2017/04/06 02:56
2017/04/06 03:56
2017/04/06 04:37
2017/04/06 05:09
2017/04/06 05:19
2017/04/06 06:05
2017/04/06 06:32 編集
2017/04/06 07:06
2017/04/06 07:25
2017/04/06 07:41
2017/04/06 07:47
2017/04/06 07:58