gpt4 book ai didi

javascript - jQuery :visible does not find the element

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:22:29 26 4
gpt4 key购买 nike

我有一个页面,在某些屏幕尺寸下我有一个文本输入,在其他屏幕尺寸下变成了一个选择

挑战

我希望能够在 keyupchange 上获取 inputselect 的值必须复制代码 - 所以我给元素相同的 ID,知道它们永远不会同时可见,并选择使用以下方法查找元素:例如#ID:visible - 下面的代码

$('#test:visible').on('keyup change', function(){
alert($(this).val());
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div style="display: none">
<input id="test">
</div>
<select id="test">
<option value="10">10</option>
<option value="20">20</option>
</select>

问题

这根本行不通。 I have read the jQuery visible-selector page看起来我正在以正确的方式做事,但警报根本不会触发。

我是不是误解了它的工作原理?

最佳答案

so I give the elements the same ID, knowing they will never be visible at the same time

不幸的是,这不是它的工作原理。无论元素是否可见,您都不能在同一文档范围内复制 id 属性。您需要使用类将多个元素组合在一起:

$('.test:visible').on('keyup change', function(){
alert($(this).val());
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div style="display: none">
<input class="test">
</div>
<select class="test">
<option value="10">10</option>
<option value="20">20</option>
</select>

关于javascript - jQuery :visible does not find the element,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34439642/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com