使用谷歌翻译Jquery翻译多个DIV

Question

我正在使用这个谷歌翻译JQuery脚本来翻译我的博客项目：

$("#translateButton").click(function () {
var url = "https://translation.googleapis.com/language/translate/v2?key=MY_API";
url += "&source=" + $("#sourceLang").text();
url += "&target=" + $("#targetLang").val();
url += "&q=" + escape($("#txtSource").text());
$.get(url, function (data, status) {
$("#txtTarget").val(data.data.translations[0].translatedText);
});
});

但现在我只能翻译正文，而不能翻译页面标题。是否也可以翻译页面标题DIV中的文本？

Answer 1

调用谷歌翻译 API 时，您可以传递多个输入源。您可以在 API 文档中找到有关查询参数的更多信息。考虑到这一点，您可以有两个输入源，一个是页面标题，另一个是正文。结果将按照传递的输入源的顺序在数组中返回。以下是代码片段：

$("#translateButton").click(function () {
var url = "https://translation.googleapis.com/language/translate/v2?key=MY_API";
url += "&source=" + $("#sourceLang").text();
url += "&target=" + $("#targetLang").val();
url += "&q=" + escape($("#txtSource").text());
//pageTitle being the id of the div containing your page title
url += "&q=" + escape($("#pageTitle").text());
$.get(url, function (data, status) {
$("#txtTarget").val(data.data.translations[0].translatedText);
//Translated page title, which will replace the old one. 
$("#pageTitle").val(data.data.translations[1].translatedText);
});
});