How to start debugging jQuery if there seems to be no error?

Question

Welcome To Ask or Share your Answers For Others

How to start debugging jQuery if there seems to be no error?

posted Jan 31, 2022 in Technique[技术] by 深蓝 (71.8m points)

How to start debugging jQuery if there seems to be no error?

I have a script to swap text back and forth:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
var words = [];
words.push('vocabulary');
words.push('lexicon');
words.push('lexicons');
</script>

<p id="demo">A vocabulary is a list of words that an individual knows or uses regularly. vocabulary is different from lexicon because vocabulary is about what an individual or group of people know, whereas lexicon is about the language itself. In this paragraph, lexicons is a new word that's added, so don't forget to push 'lexicons' in your array.</p>

<script>
function toggle(element) {
  if (element.innerHTML.split('_').join('').trim().length === 0) {
    element.innerHTML = element.getAttribute("word");
  } else {
    element.innerHTML = "_______";
  }
}

$.each(words, function(index, value) {
  var replacestr = new RegExp('\b'+value+'\b', "g");
  $("p#demo:contains('" + value + "')").html(function(_, html) {
    return html.replace(replacestr, ' <span class = "smallcaps" word="' + value + '" onclick="toggle(this)">_______</span>')
  });
});
</script>

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…