我有很多 div,其中 ID 的顺序很简单,例如:div1、div2、div3、div4 等等。HTML代码是:
<div id='div1'>..abc..</div>
<div id='div2'>..def..</div>
<div id='div3'>..ghi..</div>
<div id='div4'>..jkl..</div>
<div id='div5'>..mno..</div>
Run Code Online (Sandbox Code Playgroud)
它们都包含不同的文本。现在我想对里面的文本长度等于 15 的 div 进行排序。为此,我想有两种方法:
我用单独的分析js代码:
<script>
var div1 = document.getElementById('div1');
var div2 = document.getElementById('div2');
var div3 = document.getElementById('div3');
var div4 = document.getElementById('div4');
var div5 = document.getElementById('div5');
if (div1.value.length = 50){
alert('div 1 sorted');
}
//like this for all of them
</script>
Run Code Online (Sandbox Code Playgroud)
我对他们五个人都喜欢这个。到这里还好,但是现在我必须为假设 100 个 div 执行此操作,因此我尝试在此处使用循环:
<script>
var i = 0;
while (i <= 100){
var allDiv = 'div' + i;
if(allDiv.value.length …Run Code Online (Sandbox Code Playgroud) 我正在尝试制作一个按钮来切换 chrome 开发人员/检查工具。这可能听起来很愚蠢,但我只是想知道是否可以做到。
btn = document.querySelector('#test')
btn.addEventListener('click', () => {
jQuery.event.trigger({ type : 'keypress', which : 123 });
console.log('open inspect window')
})
$('body').keypress(function(e) {
alert(e.which);
});Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<button id='test'>Toggle Dev Tools</button>Run Code Online (Sandbox Code Playgroud)
我尝试触发 f12 键,这是开发工具的快捷方式,但它不起作用(我不知道为什么)。
我认为 keypress 在功能键上不起作用,因此我们需要 keydown ,它出于某种原因可以工作。我将“type”更改为“keydown”而不是“keypress”
如果有人可以提供帮助或解释那将会非常有帮助