Добавление тега href в Javascript - PullRequest
Новая
       10

Добавление тега href в Javascript

0 голосов
/ 27 декабря 2018

Я делаю тест, основанный на этом:

https://jsfiddle.net/thebobbyblack/xgf9k2hw/

И я не могу понять, как добавить ссылки в "правильную" строку ответа теста

В идеале это было бы над частями текста в ответе на правильный ответ, но я бы также согласился на отдельный текст.строка под ответом на ответ на вопрос.

Для последнего я пробовал:

Вопрос: 

var quiz = [
{
             "question"      :   "Q1: How many locations in Syria does the UN classify as besieged?",
        "image"         :   "",
        "choices"       :   [
                                "Zero",
                                "One",
                                "Four",
                                "Nine"
                            ],
        "correct"       :   "Zero",
        "explanation"   :   "The UN used to classify nine locations and more than 417,000 people as living under siege, but all these places, including formerly rebel-held Eastern Ghouta, have now either been evacuated or retaken by the Syrian government.",
 "link" : "http://www.hamsterdance.com",
 }

Но этот код неhelp: 

if(quiz[currentquestion].hasOwnProperty('link') && quiz[currentquestion]['link'] != ""){
            if($('#question-image').length == 0){
                $(document.createElement('a'))
                    .addClass('question-image')
                    .attr('id', 'question-image')
                    .attr('src', quiz[currentquestion]['link'])
                    .attr('alt', htmlEncode(quiz[currentquestion]['question']))
                    .insertAfter('#question');
            } else {
                $('#question-image')
                    .attr('href', quiz[currentquestion]['link'])
                    .attr('alt', htmlEncode(quiz[currentquestion]['question']));
            }
        } else {
            $('#question-image').remove();
        }

Я нашел что-то, что работает!Теперь я просто не могу понять, как передать элементы из массива в целевой URL.Этот код позволяет мне выбрать из массива текст ссылки.

$('<a>').addClass('linktext').attr('id','link').html('').text(quiz[currentquestion]['link']).insertAfter('#explanation');

Что мне искать в документации jquery?Любая помощь с благодарностью.

1 Ответ

0 голосов
/ 27 декабря 2018

Решено!Спасибо за помощь!

$('<a>').addClass('linktext').attr('id','linktext').attr('href',(quiz[currentquestion]['linkurl'])).html('').text(quiz[currentquestion]['link']).insertAfter('#explanation');

Добавление "linkurl" в мой массив. Fiddle здесь и этот вопрос обмена стека также очень помог: Как мне создать ссылку, используя javascript?

Опять же, спасибо

...