jQuery实现鼠标单击网页文字后在文本框显示的方
网络编程 2025-03-23 18:49www.168986.cn编程入门
本文将向大家展示如何使用jQuery实现一个点击网页文字后,在文本框中显示相应内容的功能。你是否曾经想过,只需要轻轻一点,下方的文本框就会显示你点击的文字内容呢?接下来,让我们一起jQuery的神奇之处。
HTML部分代码示例如下:
```html
- 张三
- 李四
- 王五
- 赵六
$(document).ready(function(){
$("ul li").on('click', function(){ // 当点击列表项时触发事件
var clickedText = $(this).text(); // 获取被点击项的文本内容
$("input").val(""); // 清空所有输入框的内容
$("input:checked").each(function(){ // 遍历所有选中的复选框元素
$(this).siblings("td").find("input").val(clickedText); // 在同一行的文本框中设置被点击的文本内容
});
});
});
```