使用jquery交换文本

Question

我是使用webpack的新手。我希望能够在点击时将按钮的标签从"；否"；至"；"是"；反之亦然。这就是我想要实现的目标：https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_toggle_text

import $ from "jquery";
const rootApp = document.getElementById("root");
rootApp.innerHTML = '<button>NO</button>';

Answer 1

如果您想使用jQuery，可以使用click((

$('#root').click(function() {
var currentState = $(this).text();
$(this).text((currentState == 'NO' ? 'YES' : 'NO'));
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="root">NO</button>