Javascript JQuery.html无法将变量值添加到href中_Javascript_Jquery_Html_Json

Javascript JQuery.html无法将变量值添加到href中

javascript jquery html json

Javascript JQuery.html无法将变量值添加到href中,javascript,jquery,html,json,Javascript,Jquery,Html,Json,我想在我的网页上创建一个新闻列表。当鼠标单击内容时，将有一个可用的url。比如说这是我的示例代码，我的问题是：当我尝试将变量的值添加到href中时，如href=“www.search.com？keyword=“+var.keyword”，它将显示实际上，变量模型中有50个对象，因此它将有50个model.link和model.keywords，请帮助我更改w3cshools.com上的示例代码“自己试试”。我试了10次，真的不知道如何修复它，谢谢 <!DOCTYPE html>

我想在我的网页上创建一个新闻列表。当鼠标单击内容时，将有一个可用的url。比如说

这是我的示例代码，我的问题是：当我尝试将变量的值添加到href中时，如href=“www.search.com？keyword=“+var.keyword”，它将显示

实际上，变量模型中有50个对象，因此它将有50个model.link和model.keywords，请帮助我更改w3cshools.com上的示例代码“自己试试”。我试了10次，真的不知道如何修复它，谢谢

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
<!-- should end this tag-->

var model=[{"link":"http://www.google.com?keyword=","keyword":"apple" "content":"This is a news"}]
<!-- miss a ";" at the end of line -->

</script>
<script>
$(document).ready(function(){
$("p").html("Click <a href=model.link+model.keyword>this link</a>");

<!--Finally this works: $("p").html("Click <a href='"+model[0].link+model[0].keyword+"'>this link</a>");-->

});
</script>
</head>
<body>

<p>A content</p>

</body>
</html>


变量模型=[{“链接”：http://www.google.com?keyword=“，”关键字“：“苹果”内容“：“这是新闻”}]
$（文档）.ready（函数（）{
$（“p”）.html（“单击”）；
});
内容

正确引用：

$("p").html("Click <a href="+model.link+model.keyword+">this link</a>");

$（“p”）.html（“单击”）；

您的

模型中缺少逗号：

变量：

var model=[
  {
    "link":"http://www.google.com?keyword=",
    "keyword":"apple",
    "content":"This is a news"
  }
];

由于它是一个对象数组，您需要像访问

模型[0]一样访问它。链接从模型数组中获取第一个对象，如：
$(document).ready(function(){
    $("p").html("Click <a href='"+model[0].link+model[0].keyword+"'>this link</a>");
});

$（文档）.ready（函数（）{
$（“p”）.html（“单击”）；
});
正确放置链接
$("p").html("Click <a href='"+model.link+model.keyword+"'>this link</a>");

$（“p”）.html（“单击”）；
这就是您需要的：
var model=[ { link:'http://www.google.com?keyword=', keyword: 'apple', content: 'This is a news'} ];

$.each( model, function( key, value ) {
   $('p').append('Click <a href="' + value.link+ value.keyword + '">this link</a>');
});

var模型=[{link:'http://www.google.com?keyword=“，关键词：'苹果'，内容：'这是新闻'}]；
$。每个（型号、功能（键、值）{
$（'p'）。追加（'Click'）；
});

您需要在对象数组中循环并获取值。您可以使用$。each来简化这一过程，因为您使用的是jQuery。虽然您可以使用香草Javascript轻松地完成这一操作，但我还将学习在Javascript中使用单引号包装字符串的实践，这样您就可以在将要添加到DOM中的HTML字符串中添加可读语法的双引号
注意，我也没有对对象关键字使用引号
参见小提琴：
我用的是苏希尔的台词。非常感谢。