Articles of jquery

jQueryselect在button上使用“this”

我有5个div,里面全部有5个文字 <div class="text"> <%= theComment.text %> </div> 即时通讯使用nodejs,mongodb和mongoose。 我有一个名为EDIT的button“editBTN” 我有我的jQuery代码: $(".editBTN").click(function(){ console.log($(".text").text()) }); 我想要的是,每次我点击其中一个div的编辑button,它会select它的文本消息。 发生了什么事情,它select所有5个div的所有文本。 我只想select文本div在哪里我只点击编辑button。 这是关于“这个”关键字? 我怎么能把它放在我的jQuery代码。 这是我的ejs代码: <% include partials/header %> <div class="container" id="profileShow"> <div class="row"> <div class="col-md-3"> </div> <div class="col-md-9"> <div class="thumbnail"> <div class="text-center"><h2><%= userID.name %></h2> <img src="<%= userID.image %>"> <p><em>Submitted by: <strong><%= userID.author.username %></strong> </em></p> </div> <div style="text-align:center;"> <form action="/index/<%= userID._id%>/edit" […]

如何仅在特定事件之后加载服务器variables?

我需要两个服务器variables只能在db中的var变化之后加载。 现在,它们在加载页面时立即加载,因此保持事件之前的值( upvotesRef.transaction )。 $('.HP').text("<%= post.upvotes – post.downvotes %> HP"); 码: $('.UpvoteButton').click(function () { var $this = $(this); if ($this.hasClass("on")) { $this.removeClass("on"); upvotesRef.transaction(function (upvotes) { if (!upvotes) { upvotes = 0; } upvotes = upvotes – 1; return upvotes; }); userRef.remove(); $('.HP').text("<%= post.upvotes – post.downvotes %> HP"); 编辑: 我最终创build了局部variables来解决我的问题。 谢谢您的回答 ! var upvotesLocal = <%= […]

如何从style属性获取图片url

我有这样的html DOM我想抓住图像的url 。 <img src="constant/spacer.gif" style="background-image:url(https://example1.com/image/image1.png);" class="images-thumb"> <img src="constant/spacer.gif" style="background-image:url(https://example2.com/image/image1.png);" class="images-thumb"> 我的预期输出: ["https://example1.com/image/image1.png","https://example1.com/image/image1.png"]; 现在我正在使用这个代码 arr = []; $('.images-thumb').each(function(){ arr.push($(this).attr('style')); // furthur i don't know }); console.log(arr); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <img src="" style="background-image:url(https://example1.com/image/image1.png);" class="images-thumb"> <img src="" style="background-image:url(https://example2.com/image/image1.png);" class="images-thumb"> Furthur我不知道如何抓取 ["https://example1.com/image/image1.png","https://example1.com/image/image1.png"]; 请提前帮助我

如何检查每个函数内的长度

我有麻烦检查$.each()函数内的length 假设我有2个这样的elements , <div class="demo"> <!– 30 — with different class> <input type="text" name="demo" class="hell"/> <input type="text" name="demo2" class="seeHere"/> </div> $('.demo').find('input').each(function(){ var $this = $(this); if($this.find('.seeHere').length>0){ // throws error length of undifined // do something }else{ // do something } }); 它会抛出if的错误长度为undifined 至于第一次它将chache <input type="text" name="demo" class="hell"/> 有没有什么办法可以返回false if(el.length>0 || return false) like el.push(value || […]

如何比较2个json数组和基于match构造的3个json数组

我有一个情况,我必须比较2个json arrays如果他们的name相互比 我必须construct第三个json array 。 例如:考虑1st json array [{"name":"hx inda pvt ltd","mobile":"95467646"}]和 2nd json array [{"name":"hx inda pvt ltd","email":"abc@gmail.com","address":"#141 vr pura"}] 这里的两个name字段匹配i,e "name":"hx inda pvt ltd" == "name":"hx inda pvt ltd" ,因此我想要construct像这样的3rd json array ( resultant array ) [{"name":"hx inda pvt ltd","mobile":"95467646","email":"abc@gmail.com","address":"#141 vr pura"}] 这里是我的样本数据 var json1 = '[{"name":"hx inda pvt ltd","mobile":"95467646"},{"name":"lg inda pvt ltd","mobile":"08063553"},{"name":"sahasra […]

XMLHttpRequest事件onProgress仅在文件完成上载时被触发

我有以下AJAX代码,脚本将文件正确地上传到服务器(节点快递)。 我面临的问题是,只有当总字节被下载(所以在file upload结束时),而不是在进程中,onProgress才被触发。 目前我无法在客户端显示file upload进度的一些界面。 我想知道这个问题是否与AJAX调用有关或可能与服务器有关。 var formData = new FormData(); var xhr = new XMLHttpRequest(); var onProgress = function (e) { if (e.lengthComputable) { var percentComplete = (e.loaded / e.total) * 100; console.log(percentComplete); } }; var onLoad = function (event) { var reponse = JSON.parse(xhr.responseText); this._logicAddWdg(reponse); }.bind(this); var onError = function (err) { console.log(onError); […]

Nodejs,express,Ajax:函数只触发六次

使用nodejs和expression我试图触发一个js函数,其中包含一个简单的控制台日志。 可悲的是,这个函数只触发了6次,并冻结了一段时间。 一两分钟后,所有在“冻结时间”点击的button点击一次触发。 它总是在按下button6次后发生。 index.html – >button 客户端 – > jquery函数触发一个Ajax post函数 server.js – >包含触发控制台日志的express函数 的index.html <input type="button" id="car" value="drive"/> clientside.js $('#car').click(function(){ $.ajax({ type:'POST', url: url + '/drive' }); }); server.js var app = express(); app.post('/drive', function(req, res){ console.log('Car starts driving'); }); 我究竟做错了什么? 任何提示如何我可以改善我的代码? 谢谢

Javascript – 无法确定JSON对象是否包含true

我有一个JSON对象,我从服务器检索,有时它真的很简单,如: { "urls": ["http://google.com", "http://bing.com"] } 不过,我需要检查如果urls['tasks']['ipv6']包含true,我使用的代码是: if (urls['tasks']['ipv6'] === true) { console.log('true'); } 但是,因为urls ['tasks']不存在,我得到以下错误: Uncaught TypeError: Cannot read property 'ipv6' of undefined 是否有捷径可寻? 我很难在网上find解决scheme。 我也试过jQuery的$ .isEmptyObject,并会很高兴与基于jQuery的解决scheme。 作为参考,我实际上在node.js中使用这个代码。

无法与node.js安装jquery – 无法加载Contextify

更新 – 请参阅post的底部 我试图在node.js中设置jquery,并有一些麻烦。 如上所述,我正在安装jquery与npm install jquery并执行我的JavaScript作为脚本从命令行,而不是运行它作为服务器。 有几点需要注意: OS X 10.7.3 node.js版本0.6.11 npm版本1.1.1 节点waf版本1.5.16 所以,从包含我的节点脚本的目录,我npm install jquery 。 terminal然后closures5秒钟,并做了一些事情,特别是,下载模块和构buildcontextify。 最后,消息'build' finished successfully 。 另外,从安装日志中我看到: htmlparser 1.7.4 jsdom 0.2.10 我尝试运行我的脚本: ./script.js ,但是这是输出: Internal Contextify ERROR: Make sure Contextify is build with your current Node version. To rebuild, go to the Contextify root folder and run 'node-waf […]

Node.js MYSQL来检测Query的INSERT / UPDATE完整性吗?

我正在使用Node.js的Javascript MySQL库 。 这是伟大的,但我无法检测INSERT / UPDATE查询过程的完整性(或)结束。 我如何检测它? 例如: function start_query() { conn.query( 'INSERT …..', function(err, rows, fields) { if (err) { console.log("Err!"); } else { console.log("INSERTED!"); } } ); } start_query(); console.log("QUERY DONE!"); 当我运行这个,它返回: QUERY DONE! INSERTED! 该过程正在返回反向,我没有检测到查询的END POINT。 我怎样才能使它工作?