Question

我正在使用HTML和JSON文件中的变量构建一个文本字符串。问题是来自HTML的引号与来自js表达式的引用相冲突 - 特别是当我尝试从URL partial + a json变量的字符串构建URL时。

这是我的代码。有什么帮助吗？

output += '<li><span><a>' +
          jobs[i].title +
          '</a></span><span>' +
          jobs[i].city +
          '</span><span><a href='http://user.theresumator.com/apply/'' +
          jobs[i].board_code +
          '><button>More Info ›</button></a></span></li>';
}

我想要的结果是：

<li><span><a>Social Impact Strategist (Los Angeles or New York)</a></span><span></span><span><a href="http://user.theresumator.com/apply/iefjlt"><button>More Info ›</button></a></span></li>

Answer 1

使用\：

撤消报价

output += '<li><span><a>' +
      jobs[i].title +
      '</a></span><span>' +
      jobs[i].city +
      '</span><span><a href=\'http://user.theresumator.com/apply/' +
      jobs[i].board_code +
      '\'><button>More Info ›</button></a></span></li>';
}

或使用双引号"：

output += '<li><span><a>' +
      jobs[i].title +
      '</a></span><span>' +
      jobs[i].city +
      '</span><span><a href="http://user.theresumator.com/apply/' +
      jobs[i].board_code +
      '"><button>More Info ›</button></a></span></li>';
}

第二个将完美匹配您所需的结果与双引号。

Answer 2

这是工作代码！我在一个单独的行中将其分解，并在单引号中添加双引号。

output += '<li><span><a>' +
  jobs[i].title +
  '</a></span><span>' +
  jobs[i].city +
  '</span><span><a href=' +
  '"http://user.theresumator.com/apply/' +
  jobs[i].board_code + 
  '"' +
  '><button>More Info ›</button></a></span></li>';
}

如何使用HTML和相应的引用形成变量字符串

2 个答案: