如果..其他 引号内的语句
If...Else Statements within quotes
我想在我的字符串下面合并如果其他语句。当我尝试它时,我在浏览器控制台中Uncaught SyntaxError: Unexpected token if
。我该怎么做...
for(var i=0; i<articles.length; i++) {
var $article = "<div class='col-xs-12 col-sm-6 col-md-3 col-lg-3 fix-box-height'>" +
"<a class='shadow-hovering' href="+"'"+articles[i].full_url+"'"+">" +
"<div class='thumbnail color-after-hover'> " +
"<img class='thumbnail-img' src="+"'"+ articles[i].thumbnail_url +"'"+" data-src='3' alt=''>" +
"<div class='caption box-read-more'>"+
if(articles[i].title.length > 28){
"<h4>"+"'"+ articles[i].title.substr(0, 28) +"'..."+"</h4>"
} else if (articles[i].title.length > 16) {
"<h4>"+"'"+ articles[i].title +"'"+"</h4>"
} else {
"<h4>"+"'"+ articles[i].title +"'"+"</h4> <br>"
}
if(articles[i].subtitle.length > 37){
"<h4>"+"'"+ articles[i].subtitle.substr(0, 37) +"'..."+"</h4>"
} else if (articles[i].subtitle.length > 15) {
"<h4>"+"'"+ articles[i].subtitle +"'"+"</h4>"
} else {
"<h4>"+"'"+ articles[i].subtitle +"'"+"</h4> <br><br>"
}
+"<p> <span class='btn btn-primary more-box-button'>More</span> </p> " +
"</div>" +
"</div>" +
"</a>" +
"</div>";
}
尝试:
for(var i=0; i<articles.length; i++) {
var $article = "<div class='col-xs-12 col-sm-6 col-md-3 col-lg-3 fix-box-height'>" +
"<a class='shadow-hovering' href="+"'"+articles[i].full_url+"'"+">" +
"<div class='thumbnail color-after-hover'> " +
"<img class='thumbnail-img' src="+"'"+ articles[i].thumbnail_url +"'"+" data-src='3' alt=''>" +
"<div class='caption box-read-more'>";
if(articles[i].title.length > 28){
$article += "<h4>"+"'"+ articles[i].title.substr(0, 28) +"'..."+"</h4>"
} else if (articles[i].title.length > 16) {
$article += "<h4>"+"'"+ articles[i].title +"'"+"</h4>"
} else {
$article += "<h4>"+"'"+ articles[i].title +"'"+"</h4> <br>"
}
if(articles[i].subtitle.length > 37){
$article += "<h4>"+"'"+ articles[i].subtitle.substr(0, 37) +"'..."+"</h4>"
} else if (articles[i].subtitle.length > 15) {
$article += "<h4>"+"'"+ articles[i].subtitle +"'"+"</h4>"
} else {
$article += "<h4>"+"'"+ articles[i].subtitle +"'"+"</h4> <br><br>"
}
$article += "<p> <span class='btn btn-primary more-box-button'>More</span> </p> " +
"</div>" +
"</div>" +
"</a>" +
"</div>";
}
您可以将字符串分配给变量并像这样使用
for(var i=0; i<articles.length; i++) {
var conditional_str1, conditional_str2;
if(articles[i].title.length > 28){
conditional_str1 = "<h4>"+"'"+ articles[i].title.substr(0, 28) +"'..."+"</h4>"
} else if (articles[i].title.length > 16) {
conditional_str1 = "<h4>"+"'"+ articles[i].title +"'"+"</h4>"
} else {
conditional_str1 = "<h4>"+"'"+ articles[i].title +"'"+"</h4> <br>"
}
if(articles[i].subtitle.length > 37){
conditional_str2 = "<h4>"+"'"+ articles[i].subtitle.substr(0, 37) +"'..."+"</h4>"
} else if (articles[i].subtitle.length > 15) {
conditional_str2 = "<h4>"+"'"+ articles[i].subtitle +"'"+"</h4>"
} else {
conditional_str2 = "<h4>"+"'"+ articles[i].subtitle +"'"+"</h4> <br><br>"
}
var $article = "<div class='col-xs-12 col-sm-6 col-md-3 col-lg-3 fix-box-height'>" +
"<a class='shadow-hovering' href="+"'"+articles[i].full_url+"'"+">" +
"<div class='thumbnail color-after-hover'> " +
"<img class='thumbnail-img' src="+"'"+ articles[i].thumbnail_url +"'"+" data-src='3' alt=''>" +
"<div class='caption box-read-more'>"+
conditional_str1 + conditional_str2
+"<p> <span class='btn btn-primary more-box-button'>More</span> </p> " +
"</div>" +
"</div>" +
"</a>" +
"</div>";
}
相关文章:
- If语句只执行第一个条件并运行其他条件,但没有结果
- 如果..其他 引号内的语句
- 比使用大量其他 if 语句更有效的方法
- 函数中的If语句会创建其他对象
- 为什么下面的if语句排除了一个'It’s和其他的一样
- 使用javascript中的if和else语句来显示图像(如果图像不存在,则显示其他图像)
- '其他'在我的if/else语句中,从来没有发生过——有人能解释为什么吗
- 是否可以将条件语句或其他javascript作为参数传递到ember句柄中
- 如果其他语句层次结构 JS
- 如果其他语句 JavaScript
- 其他单选按钮在使用 Javascript 函数根据 if 语句选择某些单选按钮后不可单击
- 在我的测试脚本中,我运行了 if 语句,但我从未运行过其他语句?我做错了什么
- 全局如果其他语句
- 介绍JS学生使用isNaN(与其他语句结合使用)提取字符串
- if 语句并返回 var === 其他东西
- Firefox ONLY不会在if语句中运行一行javascript代码,但会运行其他行——chrome和safari运
- if语句被其他语句卡住了
- 我可以使用按钮来调用函数,但不能从搜索设置的if语句中调用,但可以调用任何其他函数
- QUEUE和'如果''其他''而'语句和运行函数
- 有没有一种方法可以为querySelectors编写开关语句或其他解决方案