使用Google Translate 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);
        });
    });

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

Answer 1

在调用Google Translate API时，您可以传递多个输入源。有关查询参数的更多信息，请访问API documentation。考虑到这一点，您可以有两个输入源，一个是页面标题，另一个是正文。结果将在一个数组中返回，该数组遵循传递的输入源的顺序。以下是代码片段：

$("#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);
        });
    });