Поместите переменную в ссылку

0

У меня ниже кода для разбора некоторых json и других вещей:

<!doctype html>
<html>
<head>
    <title>Parsing</title>
    <script type="text/javascript" src="jquery-2.1.0.min.js"></script>
    <link rel="stylesheet" href="css/index.css" type="text/css" />
</head>
<script>

    $.getJSON(
        'http://sath3g.altervista.org/index.php', { get_param: 'value' }, 
        function(data) {
        // 'data' is an array of objects here
        for(var i=0; i<data.length; i++) {
        //data[i] is an individual line of excel data
            var lin = data[i]["Nr SAT"];



            $('body').append($('<p>').html('Numero Sat: '+ '<a href = http://sath3g.altervsta.org/jsonint.html+?id='+lin '>'+ data[i]["Nr SAT"]+ '</a>'));

            $('body').append($('<p>').html('Data: '+ data[i]["Data"]));
            //http://sath3g.altervsta.org/jsonint.html +?id=+lin

            }
        });
</script>

    <body>
        <header>

        </header>


    </body>

</html>

В строке кода ниже я хочу добавить ссылку с помощью переменной lin. Но это не сработает.

$('body').append($('<p>').html('Numero Sat: '+ '<a href =http://sath3g.altervsta.org/jsonint.html+?id='+lin '>'+ data[i]["Nr SAT"]+ '</a>'));

Что здесь не так?

2 ответа

1
Лучший ответ

После переменной lin отсутствует символ + конкатенации. Попробуй это:

$('body').append($('<p>').html('Numero Sat: <a href ="http://sath3g.altervsta.org/jsonint.html+?id=' + lin + '">'+ data[i]["Nr SAT"] + '</a>'));

Еще лучше, создайте элементы DOM вместо конкатенации уродливых строк.

var $p = $('<p />');
var $a = $('<a />', { 
    href: 'http://sath3g.altervsta.org/jsonint.html+?id=' + lin,
    text: data[i]["Nr SAT"]
});
$('body').append($p.append($a));
  • 0
    Спасибо, это работает ;)
0

Вам не хватает "+" после lin

$('body').append($('<p>').html('Numero Sat: '+ '<a href =http://sath3g.altervsta.org/jsonint.html+?id='+lin+'>'+ data[i]["Nr SAT"]+ '</a>'));

Ещё вопросы

Сообщество Overcoder
Наверх
Меню