Question

如果我想点击html中的单词，那么这个单词将会像translate一样改变。

<p class="paragraph article__item" id="p4">
Hallo World, I need help. </p>

var find = ["Hello","World“,"I"];
var replace = [„Hallo“, „Welt“,'Ich']; 

(function() {

    var myVar;
    var distance;
    var numberOfWords = 0;
    var counter = 0;
    var calculateClick;

    $("p").each(function(i, p) {
      var words = $(p).text();

      $(p).html("");
      $(words.split(" ")).each(function(j, word) {
        var span = $("<span id='element" + numberOfWords + "'></span>");
        var a = span.html(word);
        alert(a.html);
        numberOfWords++;
        $(p).append(span).append("&nbsp;");
      });
    });

    for (i = 0; i < numberOfWords; i++) {

      $('#element' + i).on("click", function() {
          $(this).attr('style', 'color:green;');
          $(this).text().css("color", "");
        }



        $(this).attr('style', 'color:purple;'); $(this).text().css("color", "");


        for (j = 0; j < numberOfWords; j++) {
          if ($('#element' + j).length) {


            if ($(this).text() == $('#element' + j).text()) {
              var findWord = ($(this));
              $('#element' + j).attr("style", "")
              $('#element' + j).attr('class', 'shake');




            }
          }
        }

      })
  };


})();

但是当我点击html时，我不知道如何将单词（Hello替换为Hallo）。

示例：

var find = ["Hello","World“,"I"]; 
var to = ["Hallo", "Welt", "Ich"];

Answer 1

这是您需要做的所有事情：

$("#p4").click(function() {
    $("#p4").html = "Hello World, I need help.";
});

（我使用jQuery是因为我可以看到您已经在使用它了）

如果我想点击html中的单词，那么这个单词将会像translate一样改变

1 个答案: