как сделать больше ссылок?

Question

<script type="text/javascript">
     $(document).ready(function() {            
        var linkas = $("#button").attr("value");
         $('#button').click(function(){
            $.get(linkas, function(data){
                $('#out').html(data);
            });           
        });
    });  
</script> 

<a id="button" href="#" value="test2.php" >LINKAS</a>
<div id="out"></div>';

Первая ссылка отлично работает, но если я добавлю другую ссылку с другим значением, она не будет работать.
Как добавить больше похожих ссылок?

Answer 1

$(document).ready(function() {            
    $('.ajax').click(function(){
        $.get($(this).attr("href"), function(data){
            $('#out').html(data);
        });
        return false;
    });
});  

. .

<a class="ajax" href="test2.php" >LINKAS</a>
<a class="ajax" href="test3.php" >LINKAS</a>
<div id="out"></div>

нравится: http://jsfiddle.net/Jacek_FH/hzudP/

Answer 2

Используйте функцию вместо недопустимого атрибута.

Функция:

function makeLink(linkas) {
    $.get(linkas, function(data){
        $('#out').html(data);
    });
}

HTML:

<a id="button" href="javascript:void(0)" onclick="makeLink('test2.php')">LINKAS</a>
<div id="out"></div>

Answer 3

вместо

$('#out').html(data);

Попробуйте

$('#out').append(data);

EDIT:

Я изменил ваш скрипт, чтобы вместо него получить нажатую в данный момент кнопку.

<script type="text/javascript">
  $(document).ready(function() {            
      $('#button').click(function(){
        var linkas = $(this).attr("value");
        $.get(linkas, function(data){
            $('#out').html(data);
        });           
    });
  });  
</script>