將javascript變量與html連接以創建href

Question

我正在嘗試使用html()創建href，但是輸出不正確。 這個jQuery代碼有什么問題？

$('#tag_modal').find('.modal-body').html("<a href='/companies/explore-companies?tags='"+data.results['tag_id']+">test</a>");

輸出：

<div class="modal-body"><a 5="" href="/companies/explore-companies?tags=">test</a></div>

Answer 1

您要在標簽ID之前關閉屬性，然后在標簽ID之后關閉屬性

$('#tag_modal').find('.modal-body').html("<a href='/companies/explore-companies?tags="+data.results['tag_id']+"'>test</a>");

Answer 2

您的報價有誤。 嘗試：

$('#tag_modal').find('.modal-body')
    .html('<a href="/companies/explore-companies?tags='+data.results['tag_id']+'">test</a>');

Answer 3

嘗試先創建錨元素：

var $anchor = $("<a href='/companies/explore-companies?tags='"+data.results['tag_id']+"'>test</a>");

然后將其附加到您的div：

$('#tag_modal').find('.modal-body').append($anchor);

這樣，您就將流程分為多個離散步驟（首先創建元素，然后將其附加到DOM）。

編輯 ：正如其他人提到的那樣，在關閉帶有大於號的標記之前，還需要用單引號關閉href值。