写项目遇到的前端小知识


最近在写SpringMVC项目时,频繁的使用到Html+jQuery+Ajax,用jQuery来拼接js函数时遇到了一些小问题,虽然说是小问题,耗费的时间却不短,在这里分享下,帮助那些和我遇到相同问题的小伙伴少走一些弯弯路。

JQuery中使用this获取a标签中的文字

首先说一下问题出在哪里:
在a标签里添加了点击事件调用了sub()这个函数,并没有传递任何有关a标签的信息过去.
此时函数中的this指向的是window,自然获取不到a标签中的值.
第一种方法:

html代码 : <a 'sub(this.innerHTML)'></a>
JQuery: sub = function(str){alert(str);}

第二种方法:

html代码 : <a 'sub(this)'></a>
JQuery: sub = function(str){alert($(str).html()); $(str).html("")//设置a标签中的值}

JQuery拼接js函数(参数为字符串)时,需要用转义字符来转义" 在拼接的参数前后加转义字符

第一种转义字符:

/" 代表的是一个" 'sub("+数值类型+","+" \" "+字符串+" \");'

第二种转义字符:

&quot; 代表的是一个" 'sub("+数值类型+",&quot;"+字符串+"&quot;);'

时间 2019.4.9 17:17

猜你喜欢

转载自blog.csdn.net/weixin_44246403/article/details/89155450