`

jQuery中filter(),not(),split()的用法

阅读更多

filter(),not():

 
 程序代码
<script type="text/javascript">
$(document).ready(function() {
//输出   hello
alert($("p").filter(".selected").html());
//输出   How are you?
alert($("p").not(".selected").html());
});
</script>
 
</head>
<body>
 
<p class="selected">Hello</p><p>How are you?</p>
<!--
一个新的挑战是从一组类似或相同的元素中只选择某一个特定的元素。
jQuery提供了filter()和not()来做这个。
filter()能够将元素精简到只剩下满足过滤条件的那些,not()恰恰相反,他移除了所有满足条件的。-->
</body>
 
 
split():
 
 程序代码
<script type="text/javascript">
$(document).ready(function(){
$("input[@value=btn1]").click(function(){
//以¥分割
  alert($("span.sale").text().split("¥")[2]+"||"+$("span.sale").text().split("¥")[1]+"||"+$("span.sale").text().split("¥")[0]);
});
 
});
</script>
</head>
 
<body>
获取价格120:<input type="button" value="btn1" ><br>
 
<span class="sale">
Out Sale: ¥160<br />
Deal Price: ¥120</span>
 
 
<!--
应用split来解决这个问题。下面给出一个用split的实例:
msg ="2007/10/01";
     msg = msg.split("/");
     alert(msg[2]);
     他会把 msg 分成一个3块组成一个数组 ,然后就可以轻松获取了。
     -->
</body>
 
 
 
求助:filter在Firefox里出错,不知道是不是我写的不对?
 
var stext = $(data).filter('#content').html();
 
data是通过ajax取回的内容,我想进行筛选,只要取回内容里的ID为content的部分。
这样的写法在IE里一切正常,不知道为什么在Firefox里就不行,用Firebug来进行查找错误,提示是jquery-1.2.1.js里第1521 行的“f = ('false||function(a,i){return ' + f + '}');”这段有问题,不知道是不是BUG,也不知道该如何处理。折腾N久,近乎崩溃了!没办法,本人刚接触jQuery,还是个小菜鸟。
 
 
这个问题已经自己解决!
不知道有没有人遇到同样的问题,但我想还是分享一下自己的经验!
用 filter进行筛选的时候,固定的数据如 march.hu 所说的那个(var data = "<p>第一段</p><p id='second'>第二段</p>";),这种没有关系,但用AJAX取回动态数据进行筛选的时候,必须同时指定标签类型和 ID,才能正常进行筛选,要不然在Firefox下会出错。
错误的:var stext = $(data).filter('#content').html();
正确的:var stext = $(data).filter('div#content').html(); 

分享到:
评论

相关推荐

    jquery.multiselect.filter

    "jQuery Multiselect Filter"是基于jQuery库的一个扩展,主要功能是在多选下拉框中添加实时搜索过滤功能。通过在下拉框上方添加一个输入框,用户可以输入关键词,快速找到并选择目标选项,极大地提高了操作效率。 2...

    jquery(split分割)

    通过本文的学习,我们不仅了解了如何使用 jQuery 实现字符串的分割功能,还掌握了 split 方法的基本用法及扩展应用场景。在实际项目开发中,合理运用这些技术可以有效提升代码的效率和可维护性。希望本文对你有所...

    jQuery中filter(),not(),split()使用方法

    在jQuery库中,提供了很多实用的方法来筛选和操作DOM元素,其中filter()、not()和split()方法是常用的几个函数,它们分别用于筛选元素、排除元素和分割字符串。 1. filter()方法 filter()方法是jQuery中的一个筛选...

    jQuery tablefilter demo

    要使用jQuery tablefilter,首先你需要在你的项目中引入jQuery库和tablefilter插件的脚本文件。通常,这会在HTML头部通过`&lt;script&gt;`标签完成,确保jQuery在tablefilter之前加载,因为tablefilter依赖于jQuery。 ```...

    jquery.multiselect.filter.zip

    在实际应用中,使用jQuery Multiselect Filter插件非常简单。首先,确保引入了jQuery库,然后引入`jquery.multiselect.filter.js`和`jquery.multiselect.filter.css`。接着,选择需要增强的`&lt;select&gt;`元素,并调用`....

    ajaxFileUpload 报这错jQuery.handleError is not a function

    当你遇到“jQuery.handleError is not a function”的错误时,这意味着在使用ajaxFileUpload过程中,程序尝试调用jQuery的一个错误处理方法,但这个方法在当前版本的jQuery中并未定义。这个问题通常出现在从较旧的...

    jQuery中:not选择器用法实例

    本文实例讲述了jQuery中not选择器用法。分享给大家供大家参考。具体分析如下: 此选择器能够移除元素集合中与给定选择器匹配的元素。 语法结构: 代码如下:$(“:not(selector)”) 此选择器一般也要和其他选择器配合...

    jQuery中的jQuery()方法用法分析

    在实例中,我们看到如何使用jQuery()方法选取元素并改变其样式。例如,点击按钮后,所有`&lt;li&gt;`元素的字体颜色变为红色: ```javascript $("button").click(function(){ $("li").css("color","red"); }) ``` 另一个...

    jQuery1.12.4+jQuery中文手册.rar

    - 遇到具体问题时,查阅CHM文件中的API文档,了解具体函数或方法的用法和参数。 - 结合实际项目练习,将jQuery的知识应用到网页交互、动态效果和Ajax通信中,提升开发效率。 以上是对jQuery 1.12.4及其相关资源的...

    jQuery中filter()方法用法实例

    jQuery中的`filter()`方法是一个非常实用的工具,用于在元素集合中进行筛选,根据特定条件选取需要的元素。本文将详细介绍`filter()`方法的功能、定义以及多种使用技巧,帮助开发者更好地理解和运用这一方法。 首先...

    jquery 中文帮助文档

    这个“jQuery 中文帮助文档”是为那些希望学习或深入理解jQuery功能和用法的开发者提供的宝贵资源。 **jQuery 的基本理念** jQuery 的核心理念是“Write Less, Do More”,它通过简洁的API,使得复杂的DOM操作变得...

    jquery中push()的用法(数组添加元素)

    除了基础用法外,我们还可以看到jQuery如何在实际项目中使用push()方法。例如,当你需要在页面中动态添加广告脚本时,可以使用jQuery的push()方法来构建一个包含多个脚本标签的数组,然后再将这些脚本标签一次性添加...

    JQuery中文帮助文档

    - **筛选**: `.filter()`和`.not()`用于过滤元素集合,`.first()`和`.last()`选取集合中的第一个或最后一个元素。 4. **jQuery动画** - **基本动画**: `slideUp()`, `slideDown()`, `fadeIn()`, `fadeOut()`等...

    jquery中filter方法用法实例分析

    本文将详细介绍 jQuery 中 filter 方法的用法,并通过实例来分析其功能。同时,我们将对比 filter 方法与 find 方法的区别,以帮助大家更好地理解和运用这两个方法。 首先,filter 方法的基本用法是这样的: ```...

    jQuery中文参考手册

    《jQuery中文参考手册》是一本全面且详尽的资源,旨在帮助开发者深入理解和高效使用jQuery这一流行的JavaScript库。jQuery以其简洁、高效的语法和强大的功能,极大地简化了网页动态效果的实现,使得DOM操作、事件...

    jQuery API 1.4.4 中文参考手册.chm

    jQuery API 1.4.4 中文参考手册.chm,jquery api 下载,jQuery 1.4.4 API 参考文档中文版.rar,jQuery最新版CHM下载,jQuery中文参考手册,jQuery中文版1.4.4参考手册,jQuery 1.4.4 速查表,jQuery中文参考手册,jQuery中文...

    JQuery UI 中文帮助文档

    jQuery UI 中文帮助文档是学习和解决问题的重要参考,它详细解释了各个组件的使用方法和API。此外,社区论坛、Stack Overflow 和其他在线资源也是获取帮助和分享经验的好地方。 综上所述,jQuery UI 是一个功能强大...

    jquery-1.8.3chm中文手册下载

    4. **筛选**:jQuery提供了多种筛选方法,如`first()`, `last()`, `eq()`, `slice()`, `filter()`, 和 `not()`,用于从已选元素集合中进一步精确定位所需元素。 5. **文档处理**:这部分涵盖了如何在文档加载的不同...

Global site tag (gtag.js) - Google Analytics