Добавление гиперссылки на переменную, полученную с помощью json - PullRequest
Новая
       3

Добавление гиперссылки на переменную, полученную с помощью json

1 голос
/ 25 ноября 2011

вопрос новичка, Я получаю переменную от JSON через такую ​​клетку 

$.each(json.Links,function(i,link)

Затем я добавлю эту переменную к содержимому, используя 

$('#content').append('<br>').append(link);

Это работает, но я также хотел бы добавить к ссылке href, чтобы, когда пользователь нажимает на ссылку, он направлялся на другую страницу, но я не знаю, как это сделать

Редактировать: полный HTML и скрипт JS 

  <!DOCTYPE HTML>
  <html>
<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="script.js"></script>
    <title>Fake Delicious</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
</head>
<body>
    <header>
        <!-- Inserir banner -->
        <h1>Delicious Testing Page</h1>
    </header>
    <div id="content">
    coisa
    </div>

</body>
  </html>

Сценарий 

 var url="printTables.php?option=6";

 $.getJSON(url,function(json)
  {
  $.each(json.Links,function(i,link)
   { var test="test"+i;
     var but=$("<button>Show info</button>");
     $(link).attr("href", link);
     $('#content').append('<br>').append(link).append($('<div>').append(but));
     });
    })

Кнопка на этом этапе не может ничего делать. Ссылка, как я уже сказал, верна, так как html показывает ее правильно, я сейчас хочу добавить к ней гиперссылку для другой страницы

1 Ответ

1 голос
/ 25 ноября 2011

Если у вас есть переменная со строкой в ​​ней, представляющая тег привязки, оберните ее с помощью функции jQuery, а затем сохраните этого результата. Это даст вам фактический тег, которым вы можете манипулировать с помощью jQuery.

Затем используйте функцию attr , чтобы установить href. Эти шаги можно комбинировать.

Это работает для меня: 

var linkFromJson = "<a>Hello</a>";
linkFromJson = $(linkFromJson).attr("href", "http://www.google.com");

$("#main").append(linkFromJson);

Так что для вашего примера измените это:

$(link).attr("href", link);

к этому:

link = $(link).attr("href", link);

...