javascript - 需要 jQuery/ajax 帮助

Question

我有以下链接列表

<div id='list1'>
<a href='#1'>USA</a>
<a href='#2'>Canada</a>
<a href='#3'>France</a>
</div>

<div id='list2'>
<a href='#1'>Cars</a>
<a href='#2'>Houses</a>
<a href='#3'>Machines</a>
</div>

我想要做的是，当用户单击“美国”时，它(“美国”链接)会变为粗体。然后，用户单击列表 2 中的任意元素。单击两个链接后，link1 和 link2 中所选元素的值将传递给 ajax 函数。谁能告诉我这件事吗？

Answer 1

我没有检查它，但你可以这样使用:

<div id='list1'>
<a href='#1'>USA</a>
<a href='#2'>Canada</a>
<a href='#3'>France</a>
</div>

<div id='list2'>
<a href='#1'>Cars</a>
<a href='#2'>Houses</a>
<a href='#3'>Machines</a>
</div>

<script>
     $(document).ready(function(){
          $('#list1 > a').click(function(){
               $('#list1 > a').attr('class', '');
               $(this).attr('class','selected');

               if ($('#list2 > a.selected').length > 0)
               {
                     $.post('post/submit/url', {'link1':$(this).attr("href"), 'link2':$('#list2 > a.selected').attr("href")}, function(data){
                          alert(data);
                     });
               }
          });

          $('#list2 > a').click(function(){
               $('#list2 > a').attr('class', '');
               $(this).attr('class','selected');

               if ($('#list1 > a.selected').length > 0)
               {
                     $.post('post/submit/url', {'link1':$('#list1 > a.selected').attr("href"), 'link2':$(this).attr("href")}, function(data){
                          alert(data);
                     });
               }
          });
     });
</script>