jquery中的字符串查找替換有2個類似的方法,但都是查找替換dom元素的方法,而不是查找替換純文本的方法。
成都創(chuàng)新互聯(lián)專注于企業(yè)網(wǎng)絡營銷推廣、網(wǎng)站重做改版、濱湖網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、H5技術、商城開發(fā)、集團公司官網(wǎng)建設、成都外貿(mào)網(wǎng)站建設、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務,價格優(yōu)惠性價比高,為濱湖等各大城市提供網(wǎng)站開發(fā)制作服務。
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");
一. 同級節(jié)點之間的檢索(檢索深度N=0)
next()是在兄弟節(jié)點中,往后匹配;
prev()是在兄弟節(jié)點中,往前匹配。
二. 父級/子級節(jié)點的檢索(檢索深度N=1)
children()是在子節(jié)點中,往后匹配。
parent()是在父節(jié)點中,往前匹配。
ps:請注意了---子節(jié)點和父節(jié)點都是相鄰的,深度為1的節(jié)點,也就是標題提到的檢索深度為1
三. 后代節(jié)點的檢索(檢索深度N=1)
find()檢索的是子代元素和后代元素,不會檢索兄弟節(jié)點。
parents() 檢索的是祖輩元素(包括父元素)的集合。
closest()檢索的是最近的祖輩元素(一個)
ps:當往上級檢索節(jié)點的時候,推薦使用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的內(nèi)容。