下面我就为大家分享一篇vue.js获得当前元素的文字信息方法,具有很好的参考价值,希望对大家有所帮助。1、获得当前点击的内容<li @click="problem1">1. <span class="blue">关于公众号使用问题</span><img src="../img/right.png" alt=""/>
</li>当我点击这个li标签的时候,我想要获得span里面的文字,可以使用这个方法:problem1: function(e){console.log(e.target.innerText);}这样子就ok了2、中文判断 注意:字符集一定要正确,...
本文主要和大家分享一篇vue.js获得当前元素的文字信息方法,具有很好的参考价值,希望能帮助到大家。1、获得当前点击的内容<li @click="problem1">1. <span class="blue">关于公众号使用问题</span><img src="../img/right.png" alt=""/>
</li>当我点击这个li标签的时候,我想要获得span里面的文字,可以使用这个方法: problem1: function(e){console.log(e.target.innerText);}这样子就ok了2、中文判断注意:字符集一定要正确,比...
本文主要给大家介绍了关于jquery中封装函数传递当前元素的方法,文中给出了详细的示例代码,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。希望能帮助到大家。最近在工作中遇到一个问题,需要对页面上一组元素进行ajax操作,结构如下:<p id="aid"></p> <p id="aid"></p> <p id="aid"></p> <p id="aid"></p> <p id="stop">Stop here</p> <p id="aid"></p> <p id="aid"></p> <p id="aid"></p>编写遍历函数function ...
JavaScript代码
$("li").hover(function(){
alert($("li").index(this));
}); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行].index函数还是很好用的。它的说明为: 搜索与参数表示的对象匹配的元素,并返回相应元素的索引值。如果找到了匹配的元素,从0开始返回;如果没有找到匹配的元素,返回-1。
例如处理事件的时候,有时候需要知道当前点击的是第几个子节点,而HTML DOM本身并没有直接提供相应的属性,需要自己来计算。 从一个索引序号,很容易得到该索引对应的子节点或者子元素,直接用parentNode.childNodes[index] 或 parentNode.children[index] 就行。 但反过来,已知一个节点或元素对象,要知道它的索引序号则没有那么直接了。 一些特殊的元素,HTML DOM有对应的属性表示其索引序号,主要是表格的TD 和 TR 元素。 表格...
如果我们已经通过jQuery方法选中了一组元素,那么如何基于这些已经选中的元素进行下一步的遍历呢? 例如,我们通过 $('li:eq(1)') 选中了以下代码中的第二个li元素。 代码如下: link selected link link link 基于这个选中的元素,我们可以进一步遍历其他元素 下一个元素 $('li:eq(1)').next() 前一个元素 $('li:eq(1)').prev() 父元素 $('li:eq(1)').parent() 所有兄弟元素 $('li:eq(1)').parent().children() 所有后续兄弟元...
本文实例讲述了jquery获取当前元素索引值用法。分享给大家供大家参考。具体如下:
今天在做促销页面的图片轮转效果时,下方页码的左边需要对应显示图片的说明信息,效果如下:思路:
页面部分当为当前状态的时候,会添加“active”样式。
通过获取 li class="active" 的索引值,对应找到相应的图片说明信息,显示出来。
解决:
通过jquery的 index() 可以很轻松的实现该效果。
代码如下:
HTML:1 2 3 4 5 JavaScript:var carou...
var chils= s.childNodes; //得到s的全部子节点var par=s.parentNode; //得到s的父节点var ns=s.nextSbiling; //获得s的下一个兄弟节点var ps=s.previousSbiling; //得到s的上一个兄弟节点var fc=s.firstChild; //获得s的第一个子节点var lc=s.lastChile; //获得s的最后一个子节点JS获取节点父级,子级元素
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。
JS的方法会比JQUERY麻烦很多,...
1、获得当前点击的内容
<li @click="problem1">1. <span class="blue">关于公众号使用问题</span><img src="../img/right.png" alt=""/>
</li>当我点击这个li标签的时候,我想要获得span里面的文字,可以使用这个方法:problem1: function(e){console.log(e.target.innerText);}这样子就ok了
2、中文判断
注意:字符集一定要正确,比如说都是utf-8,或者gbk。不然判断会出错。
以上这篇vue.js获得当前元素的文字信息方法就是小编分...
最近在工作中遇到一个问题,需要对页面上一组元素进行ajax操作,结构如下:
<div id="aid"></div> <div id="aid"></div> <div id="aid"></div> <div id="aid"></div> <div id="stop">Stop here</div> <div id="aid"></div> <div id="aid"></div> <div id="aid"></div> 编写遍历函数
function a() {$(div).each(function () {var that = $(this);var id = that.attr(id);b(id, that)})} 首先执行函数 a() 遍历每个元素,然后执行b(...
$(this).is(":hidden"); //如果元素是隐藏的话,则返回true
is挺好用的,他能够用jQuery选择器作为参数,特别是跟jQuery里面的选择器里面那些以冒号开头的筛选符配合使用,实现各种各样的判断。如: ":checked,:hidden"等等。给个例子:
<head><script src="jquery-1.7.1.js" type="text/javascript"></script><script type="text/javascript">$(function () {$(":button").click(function () {if ($(this).is(":button")) {aler...
var chils= s.childNodes; //得到s的全部子节点var par=s.parentNode; //得到s的父节点var ns=s.nextSbiling; //获得s的下一个兄弟节点var ps=s.previousSbiling; //得到s的上一个兄弟节点var fc=s.firstChild; //获得s的第一个子节点var lc=s.lastChile; //获得s的最后一个子节点JS获取节点父级,子级元素
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。
JS的方法会比JQUERY麻烦很多,...
本文实例讲述了jquery获取当前元素索引值用法。分享给大家供大家参考。具体如下:
今天在做促销页面的图片轮转效果时,下方页码的左边需要对应显示图片的说明信息,效果如下:思路:
页面部分当为当前状态的时候,会添加“active”样式。
通过获取 li class="active" 的索引值,对应找到相应的图片说明信息,显示出来。
解决:
通过jquery的 index() 可以很轻松的实现该效果。
代码如下:
HTML:
<div id="carousel"> <div id="car...
如果我们已经通过jQuery方法选中了一组元素,那么如何基于这些已经选中的元素进行下一步的遍历呢? 例如,我们通过 $('li:eq(1)') 选中了以下代码中的第二个li元素。 代码如下:<ul> <li><a href="#">link</a></li> <li><a href="#">selected link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> </ul> 基于这个选中的元素,我们可以进一步遍历其他元素 下一个元素 $(li:eq(1)).next() 前一个元素 $(li:e...
例如处理事件的时候,有时候需要知道当前点击的是第几个子节点,而HTML DOM本身并没有直接提供相应的属性,需要自己来计算。 从一个索引序号,很容易得到该索引对应的子节点或者子元素,直接用parentNode.childNodes[index] 或 parentNode.children[index] 就行。 但反过来,已知一个节点或元素对象,要知道它的索引序号则没有那么直接了。 一些特殊的元素,HTML DOM有对应的属性表示其索引序号,主要是表格的TD 和 TR 元素。 表格...