迭代coffeescript中的jQuery DOM元素:$(@).捷径
在coffeescript中，迭代jQuery DOM元素可以使用$.each()方法，该方法可以遍历DOM元素，并对其进行操作。具体实现方式如下：
$(@).each(@, function (index, element) {
// 操作DOM元素
});其中，@表示当前迭代的DOM元素，.each()方法可以接收两个参数，第一个参数@表示当前迭代的DOM元素，第二个参数是一个回调函数，该函数接收两个参数，第一个参数是当前迭代的DOM元素的索引，第二个参数是当前迭代的DOM元素本身。在回调函数中，可以对DOM元素进行各种操作，例如添加样式、修改属性、触发事件等。
需要注意的是，$.each()方法只能迭代jQuery对象中的DOM元素，如果需要迭代其他类型的数据，可以使用$.each()方法的全称形式$.each()，该方法可以接收任何类型的数据作为参数，并在回调函数中对其进行操作。
此外，如果需要直接修改jQuery对象中的DOM元素，可以使用.html()、.text()、.attr()、.prop()等方法，这些方法可以直接修改DOM元素的内容、文本内容、属性等，而不需要使用$.each()方法进行迭代。
相关·内容
2回答
试图通过修读代码学校( CoffeeScript )课程来控制CoffeeScript和jQuery。
使用的摘录之一是$("<li>" + name + "</li>")。我设法发现$是jQuery的别名(对吗？)，所以我猜这意味着我们用一个字符串调用jQuery函数(name是一个字符串，由两个文本包围)。
所以..。jQuery函数自己做什么？试着看了看api.jquery.com，很难弄清楚。谢谢!
浏览 8提问于2013-01-03得票数 3
回答已采纳
我有以下(简单的) CoffeeScript jQuery插件：
$ = jQuery
$.fn.extend
schoolSelect: (options) ->
settings =
apiUrl: '/api/v1'
debug: false
settings = $.extend settings, options
log = (msg) ->
console?.log msg if settings.debug
浏览 0提问于2012-08-14得票数 1
回答已采纳
我正在rails 3.2上工作，也在使用coffeescript。我对在我的应用程序中使用jquery mobile有疑问，我有一个像这样的html
<a href="#" data-item=12 data-status=true class="follow">
<span class="ui-btn-inner">
<span class="ui-btn-text">
Follow
</span>
</span>
</a>
浏览 0提问于2012-05-16得票数 5
回答已采纳
该事件在通配符选择器上激发得很好，但如果我为该选择器使用特定的ID，则会失败。
这是可行的：
$("*").click ->
console.log "entered event."
$("#tellafriend").dialog
modal: true
buttons:
Ok: ->
$(this).dialog "close"
然而，这并不是：
$("#tell-a-friend").click ->
console.log "
浏览 1提问于2012-02-12得票数 3
回答已采纳
2回答
如果我有以下html，则使用jQuery和coffeescript：
<div id="main"></div>
以及以下coffeescript：
button = $('<div>Click here</div>')
button.some_var = "secret message"
button.on "click", ->
alert this.some_var
$('#main').html button
这不管用。有什么办法让它起作用吗？或
浏览 4提问于2014-09-05得票数 0
回答已采纳
我遵循了的示例，即和，在Rails的模式对话框窗口中放置对象编辑表单。
我使用的是Rails 3.2.8和jQuery-Rails 2.1.3 (应用程序中加载的是jQuery 1.8.2 )。然而，这篇摘自要点的coffeescript在标题的第7行(紧跟在注释之后)引发了错误。
$ ->
$modal = $('#modal')
$modal_close = $modal.find('.close')
$modal_container = $('#modal-container')
# Handle modal lin
浏览 0提问于2012-11-09得票数 1
回答已采纳
1回答
我正在尝试使用CoffeeScript实现应用程序对话框(模态)。
其目的是执行一些操作，创建一个CoffeeScript对话框对象，并将其附加到页面上的一个数组中，以便以后可以引用它们(如果有多个)。
当某些事件发生时，例如单击覆盖，我希望通过销毁它们来隐藏覆盖，但也隐藏任何现有的对话框。
我使用jQuery也是为了方便。
我的愿望是学习如何使用JavaScript/CoffeeScript对象与DOM交互，而不是在一个大型JS文件中到处触发一堆全局事件。
目前，当我调用下面的dialog.destroy()时，控制台(使用Chrome dev工具)声明：
Uncaught TypeErro
浏览 5提问于2015-12-30得票数 1
1回答
我一直在玩弄这个揭示模块模式。我最初开始使用单例模式，但从阅读的情况来看，模块模式似乎是更好的选择。
因此，我测试了以下内容：
var test = (function() {
var init = function () {
alert('hello');
};
return {
init: init
};
})();
而这在调用
<script>test.init();</script>
但是，我想使用jQuery，所以我尝试了：
var test = (function($) {
var init = function ()
浏览 1提问于2011-12-01得票数 1
回答已采纳
1回答
我有一个用CoffeeScript编写的非常简单的程序，如果用户单击一个按钮，应该在控制台中显示一个值。下面是我的代码：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<button id='butn'>click here</button>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js&
浏览 1提问于2013-02-27得票数 0
回答已采纳
1回答
如何检测新单选按钮上的更改？
、、、、
我有检测单选按钮变化的代码，然后调用按钮上的方法。它在现有的按钮上工作得很好，但是当我(通过ajax)向页面添加新的单选按钮时，它们就不能工作了。如何让它检测新单选按钮上的变化？
这是我的coffeescript代码：
jQuery ->
$(".radio-button:radio").change ->
doSomething(this)
在JS中如下所示：
jQuery(function() {
return $(".radio-button:radio").change(function() {
retur
浏览 1提问于2014-01-16得票数 1
回答已采纳
在这里我试着理解一些事情:如果我从javascript向DOM呈现一些东西，并想在它上面调用jQuery方法，它的行为与我从DOM中“重新选择”元素的行为不同。下面是一个用CoffeeScript编写的简单示例：
element = """
<div id="my_div">TEST!</div>
"""
$('body').html(element)
element.hide() #this doesn't work.
$(element).hide() #this do
浏览 0提问于2012-11-26得票数 2
回答已采纳
我使用Rails生成我的表单。我想使用Twitter来使用模型关联自动完成字段。
以下CoffeeScript代码：
console.log $('.typeahead').data('source')
作品及回报：
["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]
我能从typeahead函数中访问相同的数据吗？以下代码：
$('.ty
浏览 4提问于2014-01-29得票数 0
回答已采纳
我有一个$.get调用获取的文档，它是一个庞大的HTML。我需要使用jQuery从其中获取一个元素。
我正在尝试这个(在coffeescript中)：
$.get url, (data) ->
title = $(data).find('title').text()
这不管用。在浏览器控制台中，我将其压缩到$(document.documentElement.outerHTML).find('title')中，document.documentElement.outerHTML给出了文档的字符串。
我尝试过，结果是一样的。
浏览 1提问于2015-06-05得票数 7
回答已采纳
我有一个简单的coffeescript来处理特定的选择器(part_ids)。
alert "Starting blines " + $("[id*=part_id]").length
for bl in $("[id*=part_id]")
do(bl) ->
procBl bl
procBl = (bl) ->
alert "# of children " + bl.children().length
第一次警报显示页面上有2项。对于循环运行--但是procBl没有打印
浏览 1提问于2014-12-28得票数 1
回答已采纳
1回答
我仍然在掌握javascript，并且很难找到正确的语法来选择DOM元素。会感谢你的任何观点。
html：
<div class="container">
<label class="check_box_label">
<input type="checkbox" class="checkbox">
Checkbox Label
</label>
<select class="select">...</select>
浏览 1提问于2013-09-07得票数 0
回答已采纳
我不知道如何为我的JS运行这个Jasmine测试，其他人肯定也有这个问题。也许我做错了，或者这是不可能的--我没有找到任何关于这个的提示。问题与以下事实有关：- in this-$( jQuery )与例如$(“#this-id”)选择的元素不同：
Javascript：
[..]
$("#button-id").on("click", function(e) { callSomeFunctionWith( $(this) ); } );
茉莉花测试(CoffeeScript)：
[..]
spyOn some.object, "callSomeFunc
浏览 2提问于2012-03-01得票数 5
回答已采纳
2回答
我有一个CoffeeScript对象，它在操作触发后给了我一个奇怪的错误。
该对象在没有发生事件的情况下加载，尽管一旦完成触发回调的操作，我将收到以下错误：
this.update不是函数返回this.update(值)；
有人知道为什么会发生这个错误吗？我最好的猜测是，jQuery.rating调用中的这个对象实际上是指一个jQuery对象，而不是评级对象？
我的CoffeeScript代码是：
jQuery ->
new Rating()
class Rating
constructor: ->
$('.auto-submit-star
浏览 3提问于2013-02-19得票数 1
回答已采纳
2回答
我有一小段代码：
<link class="jsbin" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></s
浏览 3提问于2012-01-22得票数 1
回答已采纳
2回答
我正在尝试使用jasmine插件：。它在文件中说：
只需从下载页面下载jasmin-jquery.js，并将其包含在jasmine的测试运行程序文件中(如果您使用jasmine.yml与jasmine一起使用，则将其添加到jasmine.yml文件中)。记住也要包括jQuery库，因为jasmine依赖它。
我试图使用这个插件在coffeescript中为coffeescript一页HTML5画布应用程序添加插件。我正在使用茉莉花节点版本的node.js运行我的茉莉花测试，我的问题是我没有看到一个茉莉花测试运行程序文件进行编辑，因此我无法在我的规范中从这个插件(如load_fixtures
浏览 6提问于2011-10-12得票数 1
回答已采纳
我看到很多人在分配事件之前检查DOM元素是否存在，例如(coffeescript)：
$ ->
if( $("#progressbar").length > 0 )
$("#progressbar").progressbar( value: 0 )
这有必要吗？如果我们只是添加事件，不管元素是否存在，是否会影响性能？
浏览 2提问于2012-06-11得票数 9
回答已采纳
2回答
自调用咖啡记录
$ ->
alert "Hello CoffeeScript!"
编译成
$(function() {
return alert("Hello CoffeeScript!");
});
现在，相同的代码-- $被任何其他变量替换->
hello= ->
alert "Hello CoffeeScript!"
以上代码-不自行执行。
给出一个$ 变量如何启用自执行(不包括jQuery库)？(jQuery在这里扮演角色吗？)
我知道您必须使用do在coffeescript中具有自调用函数--这不是我的
浏览 4提问于2015-01-11得票数 0
回答已采纳
这是我的代码：
$myDiv = $('<div>1</div>');
$myDiv.each(function () {
console.log(this.html());
});
它会产生一个错误，因为this应该是$(this)。但是等等。$myDiv首先不是一个jQuery对象，所以this也必须是一个jQuery对象。如果是这样，为什么要在$( )中包装this
浏览 3提问于2011-09-02得票数 4
回答已采纳
我的rails 4应用程序根本不处理jQuery .click事件。
在控制台上，当我输入它时，它可以工作，然后单击一个h3。
$("h3").click(function() { return alert("Clicked that thang");}); // This alerts on click of a h3
但是，当我在我的应用程序中包含等量代码(在CoffeeScript中)时，它什么也不做。
# app/assets/javascripts/collaborators.js.coffee
alert("does this work
浏览 1提问于2014-12-05得票数 0
回答已采纳
如果有人问过这个问题，我很抱歉，但我在任何地方都找不到答案。
我已经创建了一个基本的插件shell。
你可以在这里找到代码；
我的问题是，为什么我必须在每个函数中再次在jQuery中重新包装它？
当我初始化这个方法时，它已经被包装在jQuery中，例如$('p').myPlugin()；
有什么办法可以绕过这个问题吗？
B
浏览 0提问于2013-03-23得票数 0
回答已采纳
jQuery中getElementsByTagName()的等价物是什么？我只想在jQuery中创建一个元素集合，这样我就可以遍历这些元素并对每个元素执行一些操作。
非常感谢！
浏览 1提问于2010-12-09得票数 35
回答已采纳
我现在正在向使用Coffeescript编写我所有的javascript代码过渡，但是我感到沮丧，因为最简单的例子是给我带来问题。到目前为止，我已经做了一个多小时的研究，没有找到答案.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://jashkenas.github.com/coffee-script/extras/co
浏览 3提问于2011-12-19得票数 7
回答已采纳
我是jQuery的新手，我想让这段代码在按钮被按下时显示一个警告框。
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$("button").click(function() {
alert("You clicked.");
});
</script>
<button>Button</button>
我尝试了一下，但当我单击按钮时没有任何反应。
浏览 0提问于2013-09-13得票数 0
我试着与CoffeeScript达成协议，在昨天检查了更少的css后，我对此印象非常深刻。
与原始jQuery相比，我更像是一个Javascript高手，所以我觉得它有点令人困惑，但同时我认为研究CoffeeScript是有好处的，因为它将帮助我通过分析输出更好地理解它。
var Raw = (function($) {
$(function() {
Raw.initialize();
});
return {
_current: '',
initialize: function() {
浏览 3提问于2011-12-24得票数 1
回答已采纳
所以我有一个jQuery (1.8.3)代码：
$("input[title='test']")[0].after("<p><a href='#' onclick='doSomething();'>Encrypt</a></p>");
但它只呈现文本，而不是实际的HTML。不知道我做错了什么..。
浏览 1提问于2017-02-19得票数 0
回答已采纳
2回答
我正在对数组进行迭代，并且在CoffeeScript中迭代时得到了CoffeeScript变量错误。我不太清楚如何在CoffeeScript中迭代数组时检查未定义的内容。
请在下面找到我的密码。
i=0
while Program.flatPercentageDiscountByMajorClass.length
var
if typeof Program.flatPercentageDiscountByMajorClass[i].majorClass == 'undefined' // this line is not working. throw
浏览 0提问于2019-03-21得票数 0
回答已采纳
我使用的是安装了WordPress的，除了Safari ( Win和OSX)之外，它在所有浏览器上都运行得很好。这是否与.load()过早触发的某些jQuery/WebKit问题有关？我是jQuery/JavaScript的新手，所以非常感谢您的帮助。
此页面在Safari中不起作用：
而这个页面(出于某种原因)需要：
这个问题与项目的数量无关(我在我的开发版本中遇到了同样的问题，有相当多的测试帖子)，@font-face嵌入，图片的使用，或者。
以下是header部分中调用的代码：
jQuery(window).load(function($) {
// We can only l
浏览 2提问于2011-01-22得票数 0
这是我在Rails 4项目中的html标记：(在迎宾/index.html.erb中)。
<div class="bottom-bottom-box box">
<div class="miv-box">
<span class="five-yr thin-text">5-year</span></br>
<span class="avg-return thin-text">Average Return</span>
</div>
浏览 0提问于2014-10-09得票数 1
回答已采纳
这与以下问题有关，但我想使用coffeescript而不是javascript来与Rails 4中的默认值进行比较。
起点是前面一个问题的答案中提供的代码：
视图ERB代码包含具有以下代码的表生成器：
<% @songs.each do |song| %>
<tr data-link="<%= edit_song_path(song) %>">
<td><%= song.Name %></td>
<td><%= song.Group %></td>
浏览 17提问于2013-09-07得票数 0
回答已采纳
我有一个包含日期的数组。由于某些原因，我无法让它显示在我的屏幕上--我已经调试了几天了--我已经追踪到了一条线，但是这条线以前起过作用，我不知道问题出在哪里。
数组如下所示：
var selectItems =
[ "05-26-2017", "06-02-2017", "06-09-2017",
"06-16-2017", "06-23-2017", "06-30-2017", "07-07-2017", "07-14-2017",
"07
浏览 4提问于2017-05-22得票数 0
1回答
首先，我尝试了，类似的问题的答案，但这似乎根本不适用于我。
我想对绑定到通过ajax创建的元素的click事件做一些事情，这样它一开始就不在DOM中。
我注意到，my_asset.js.coffee中的以下coffeescript按预期工作：
$ ->
$('#div').on "click", ".link", (e) ->
#do stuff
根据JQuery文档:此函数绑定到所有"selected_div“单击事件，即使它们稍后通过ajax添加到DOM并且do stuff部件工作正常
不过，我想：
$
浏览 6提问于2014-01-23得票数 0
在Jquery中，我理解
$()
是否需要选择一个元素，并且当您执行以下操作时
$(".foo").click(function(){})
将在单击foo类时执行函数。
但当你这么做的时候
$(function(){})
这是否意味着您正在选择一个函数？我觉得这不对..。
浏览 3提问于2015-01-07得票数 1
回答已采纳
我有以下CoffeeScript代码：
for date of dates
Dom.section !->
Dom.div !->
Dom.text if date.attending then 'Y' else 'N'
Dom.onTap !->
Dom.text date.id
它被转换为以下JavaScript (根据coffeescript.org)
var date;
for (date in dates) {
Dom.sec
浏览 3提问于2014-12-23得票数 1
回答已采纳
2回答
我需要按x值对数组进行排序：
排序前
arr=>
[
{x:0, y: 1234},
{x:3, y: 324},
{x:1, y: 3487},
]
排序后：
arr =>
[
{x:0, y: 1234},
{x:1, y: 3487},
{x:3, y: 324},
]
我正在使用NodeJs和CoffeeScript，我尝试使用下划线的sortBy，但是它不能工作：
_.sortBy(arr, (x) -> arr.x)
浏览 5提问于2014-03-03得票数 0
回答已采纳
我使用的是angularJS (没有jQuery)、lo-dash.js和coffeescript。
以下是我的代码：
div = document.getElementById('play')
iframe = document.createElement('iframe');
iframe.id='iframe_played'
iframe.width = '420'
iframe.height = '315'
iframe.src = &
浏览 2提问于2015-02-04得票数 0
回答已采纳
从来没见过这个。这么简单的事情我做错了。
我的JQuery代码刚刚在head标记中停止工作，现在只在主体中工作。
这将起作用：
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
<div id="foo">
Click Me
</div>
<script type=&
浏览 8提问于2014-07-05得票数 1
回答已采纳
需要这样做：
for word, index in text_array
React.DOM.span
key: index,
word
' '
但在本例中，CoffeeScript只将最后一个对象‘’推入结果数组，但我需要结果数组看起来像Object，‘'，Object，’‘
浏览 0提问于2017-05-25得票数 0
我正在用Coffeescript编写一个主干应用程序。我正在尝试访问一个div列表中与每个div相关的cid。每个div都具有相同的“contact”类，并且带有一个相关的整数值。
<div class="contact-list">
<div class="contact" cid="1"></div>
<div class="contact" cid="2"></div>
<div class="contact" ci
浏览 7提问于2015-06-04得票数 0
回答已采纳
我对CoffeeScript和Sass都很陌生，但我正尝试着用他们和Google来完成一个测试项目，以使他们更加熟悉。然而，我对如何设置我的项目有点困惑。
在使用Google高分子的custom-elements示例中，您可以使用嵌入式Javascript代码来初始化元素，如下所示：
<script>
Polymer ({
is: 'id-here'
});
</script>
这一切都很好，但是这不适用于CoffeeScript，我必须在使用之前将它编译成JS。什么是最好的做法包括这样的东西-
Polymer
is: "id
浏览 0提问于2016-04-15得票数 2
回答已采纳
我是Coffeescript的新手，我想使用jquery 1.6.4中的delegate()方法。方法签名为.delegate( selector, eventType, handler )。如何在Coffeescript中调用此方法？我使用的是Rails 3.1。
谢谢，丹尼。
浏览 0提问于2011-11-13得票数 0
回答已采纳
据我所知，函数内部的this是指调用该函数的对象。所以，例如，在
myObj = { name : "Charlie", getType : function() { return typeof(this); } };
console.log(myObj.getType());
调用函数getType的对象是myObj，因此typeof(this)是typeof(myObj)。
那么，为什么我总是在$(this)函数中看到jQuery呢？例如，在
$('.not-taller-than-50-pixels').each(function()
{
i
浏览 2提问于2015-09-09得票数 0
回答已采纳
1回答
我正在创建一个类：
var MyClass;
(function($) {
MyClass = new function() {
$('a').off('click');
$('a').on( 'click', function(event) {
event.preventDefault();
});
};
})(jQuery);
单击链接时，仍会发出完整的请求。
粘贴时...
$('a').on( 'click&#
浏览 8提问于2018-01-07得票数 0
我正在使用Ruby on rails中的CoffeeScript。我正在使用将我的javascript和jquery转换成CoffeeScript。
我们知道，当我们创建控制器时，Ruby on Rails默认为我们提供了.coffee文件。
在我的视图文件夹中，我定义了一个test.html.erb文件，我有一个按钮
<button id="p">try</button>
如果我在同一页面中使用javascript或jquery来定义此按钮的脚本，即test.html.erb，它就可以工作。
我的javascript代码
document.getEle
浏览 3提问于2018-11-30得票数 0
我们的WordPress站点中的登陆页面有一个表单，我试图在其中添加下面不成功代码的onclick="if(validate()){ doYourPostRequest(); }"。
$form('.ff-btn ff-btn-submit').attr('onClick', 'if(validate()){ doYourPostRequest(); }');
请注意$form: The Javascript (jQuery) DOM object of the Form
下面是我希望看到onClick属性如onClick=if(
浏览 3提问于2021-02-11得票数 0
回答已采纳
在带有jQuery的CoffeeScript中，以下语句有什么不同吗？
jQuery ($) ->
jQuery ->
$ - >
浏览 0提问于2012-08-23得票数 2
回答已采纳
1回答
我正在将我的代码从mootools迁移到jQuery。有一行代码使用mootools '$$‘来获取带有给定选择器的元素数组
var myMenu = $$('#outerDiv .menu');
我尝试过jQuery('#outerDiv .menu')，但它不返回数组。
有没有办法在整个文档中使用jQuery中的'.find()'？(因为我没有父元素来使它像parent.find()一样)。
浏览 4提问于2013-01-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
