如何获取“;这个“;
How to get value of "this"?
我有这个代码:
HTML:
<!DOCTYPE html>
<html>
<head>
<title>To Do</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<h2>To Do</h2>
<form name="checkListForm">
<input type="text" name="checkListItem"/>
</form>
<div id="button">Add!</div>
<br/>
<div class="list"></div>
</body>
</html>
Javascript/Jquery:
$(document).ready(function()
{
$(button).click(function(){
var toAdd = $('input[name=checkListItem]').val();
$('.list').append('<div class="item">' + toAdd + '</div>');
});
$(document).on('click','.item', function(){
$(this).remove();
});
});
这段代码获取用户的输入,当您单击按钮时将其添加到列表中,当您在div类项中单击输入时将其从列表中删除。
我如何才能返回"this"的值?
例如,如果我将单词"test"添加到列表中,然后单击它将其删除……如何从"this"中获取test的值?
比如。。document.write(this)返回[object HTMLDivElement]。
如果我在分区中点击document.write,我希望它返回"test"。
我不能执行document.write(toAdd),因为toAdd在第二个jquery("on")函数中不存在。谢谢
$(document).ready(function () {
$('#button').on('click', function () {
var toAdd = $('input[name=checkListItem]').val();
$('.list').append('<div class="item">' + toAdd + '</div>');
});
$(document).on('click', '.item', function () {
alert( $(this).text() ); // You can have `.html()` here too.
$(this).remove();
});
});
Fiddle链接在这里。
使用.innerHTML
:
$(document).ready(function()
{
$(button).click(function(){
var toAdd = $('input[name=checkListItem]').val();
$('.list').append('<div class="item">' + toAdd + '</div>');
});
$(document).on('click','.item', function(){
document.write(this.innerHTML);
$(this).remove();
});
});
您可以通过$(this).text()
检索单击项目中的文本。因此,在删除项目之前,可以执行类似document.write($(this).text())
的操作。
相关文章:
- 如何从函数内部的这个变量中获取值
- 在对象中定义JavaScript获取和设置函数,而不使用“;这个“;
- JQuery关键字“;这个“;未获取属性值
- jQuery使用这个获取任何选择输入的name属性
- 这个_Meteor js中的Iron控制器无法访问id.如何获取id
- 获取这个html字符串中的第二个tds标记文本
- 我怎样才能更有效地获取这个数字
- 如何从这个html标签中获取数据
- 可以't获取具有“t”的对象变量;这个“;由setTimeout()函数调用的对象函数中的属性
- 我如何在我的 AngularJS 中获取这个 D3.js HTML 元素,以便我可以操作它
- 如何从这个XRayWrapper获取内容
- 这个对象在 Chrome 中的错误“消息”获取器
- 如何使用 angularjs 从这个$scope中获取值
- 如何从 $(this) jQuery 对象获取这个 DOM 对象
- Backbone.js集合获取'这个_byId'未定义
- 有没有一种方法可以从方法中获取这个上下文
- getJSON从这个json数组中获取数据
- 什么'这个获取表中最长行长度的语法是错误的
- 如何为这个获取帖子的函数创建一个特定的循环
- 通过使用JS,可以获取页面源,然后用这个获取页面响应用户