jquery中的字符串查找替换有2个类似的方法,但都是查找替换dom元素的方法,而不是查找替换纯文本的方法。
成都创新互联专注于企业网络营销推广、网站重做改版、滨湖网站定制设计、自适应品牌网站建设、H5技术、商城开发、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为滨湖等各大城市提供网站开发制作服务。
1、replaceWith(),将所有匹配的元素替换成指定的HTML或DOM元素。
示例:
把所有的段落标记替换成加粗的标记。
HTML 代码:
pHello/ppcruel/ppWorld/p
jQuery 代码:
$("p").replaceWith("bParagraph. /b");
结果:
bParagraph. /bbParagraph. /bbParagraph. /b
2、replaceAll(),用匹配的元素替换掉所有 selector匹配到的元素
示例:
把所有的段落标记替换成加粗标记
HTML 代码:
pHello/ppcruel/ppWorld/p
jQuery 代码:
$("bParagraph. /b").replaceAll("p");
结果:
bParagraph. /bbParagraph. /bbParagraph. /b
注意:
如果需要查找纯文本替换,可以直接使用js中的String.replace(regexp, replacement)
方法。
示例:
要确保单词“JavaScript'’中的大写字符是正确的,可用下列代码:
text.replace(/javascript/i, "JavaScript");
一. 同级节点之间的检索(检索深度N=0)
next()是在兄弟节点中,往后匹配;
prev()是在兄弟节点中,往前匹配。
二. 父级/子级节点的检索(检索深度N=1)
children()是在子节点中,往后匹配。
parent()是在父节点中,往前匹配。
ps:请注意了---子节点和父节点都是相邻的,深度为1的节点,也就是标题提到的检索深度为1
三. 后代节点的检索(检索深度N=1)
find()检索的是子代元素和后代元素,不会检索兄弟节点。
parents() 检索的是祖辈元素(包括父元素)的集合。
closest()检索的是最近的祖辈元素(一个)
ps:当往上级检索节点的时候,推荐使用closet,效率更高!
1、查找子元素方式1:\x0d\x0a例如:var aNods = $("ul a");查找ul下的所有a标签\x0d\x0a2、查找子元素方式2:children()\x0d\x0a3、查找子元素方式3:find()\x0d\x0a\x0d\x0a通过下标获取第n个子标签的ID值\x0d\x0a\x0d\x0a1.var num1=$("ul a:eq(0)").attr("ID");\x0d\x0a2.var num2=$("ul").children("a:eq(0)").attr("ID");\x0d\x0a3.var num3=$("ul").find("a:eq(0)").attr("ID");
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:
$('body').append($('tr td[name="a"]').text());
3、浏览器运行index.html页面,此时成功查找到了tr下name为“a”的td的内容。