【相關(guān)學(xué)習(xí)推薦：javascript視頻教程】
寫(xiě)之前在網(wǎng)上找了很多方法，最簡(jiǎn)單的思路應(yīng)該是1.獲取ueditor中的內(nèi)容；2.將獲取到的字符串轉(zhuǎn)換成jquery對(duì)象；3.選擇器找到img元素，獲取src值。
var content= ue.geteditor('details').getcontent();//獲取編輯器內(nèi)容var $p = document.createelement("p");//創(chuàng)建一個(gè)p元素對(duì)象$p.innerhtml = content;//往p里填充htmlvar $v = $($p);//從dom對(duì)象轉(zhuǎn)換成jquery對(duì)象$.each($v.find("img"),function (v,i) {//選擇器找到img元素，循環(huán)獲取src值console.log("src======" i.src);});打印結(jié)果：
寫(xiě)出上面代碼之前碰了幾次壁，繞了幾個(gè)彎，下面就是我整個(gè)開(kāi)發(fā)過(guò)程，記錄下。
1.獲取ueditor中的內(nèi)容
這一步很簡(jiǎn)單，使用編輯器提供的getcontent()函數(shù)
2.將獲取到的字符串轉(zhuǎn)換成jquery對(duì)象
<p style="margin-top: 1em; margin-bottom: 1em; white-space: normal; box-sizing: border-box; padding: 0px; border: 0px; vertical-align: middle; line-height: 25px; list-style: none; color: rgb(58, 58, 58); font-family: 微軟雅黑, 宋體, verdana, arial, helvetica, sans-serif; font-size: 14px; background-color: rgb(247, 253, 255);"> 夏季到了，持續(xù)高溫就連大人都受不了，更別說(shuō)孩子了。所以該不該給孩子穿襪子又成了寶媽心頭的大事，一方面覺(jué)得應(yīng)該給孩子穿，畢竟這個(gè)幾個(gè)理由是拒絕不了的。 </p> <p style="margin-top: 1em; margin-bottom: 1em; white-space: normal; box-sizing: border-box; padding: 0px; border: 0px; vertical-align: middle; line-height: 25px; list-style: none; color: rgb(58, 58, 58); font-family: 微軟雅黑, 宋體, verdana, arial, helvetica, sans-serif; font-size: 14px; background-color: rgb(247, 253, 255); text-align: center;"> <img alt="1.jpg" width="490" height="306" src="http://www.socksb2b.com/d/file/zixun/wazichangshi/2019-07-05/1b0038e6cf808ae9c091c34ded031de9.jpg" _src="http://www.socksb2b.com/d/file/zixun/wazichangshi/2019-07-05/1b0038e6cf808ae9c091c34ded031de9.jpg"> </p> <p style="margin-top: 1em; margin-bottom: 1em; white-space: normal; box-sizing: border-box; padding: 0px; border: 0px; vertical-align: middle; line-height: 25px; list-style: none; color: rgb(58, 58, 58); font-family: 微軟雅黑, 宋體, verdana, arial, helvetica, sans-serif; font-size: 14px; background-color: rgb(247, 253, 255);"> 還有一部分寶媽意見(jiàn)不同，認(rèn)為還是不穿襪子比較好： </p> <p style="margin-top: 1em; margin-bottom: 1em; white-space: normal; box-sizing: border-box; padding: 0px; border: 0px; vertical-align: middle; line-height: 25px; list-style: none; color: rgb(58, 58, 58); font-family: 微軟雅黑, 宋體, verdana, arial, helvetica, sans-serif; font-size: 14px; background-color: rgb(247, 253, 255);"> 1.小孩子經(jīng)常出汗，新陳代謝比較快，襪子如果不透氣的話，有可能會(huì)因?yàn)樯_汗導(dǎo)致孩子哭鬧不休。 </p> <p style="margin-top: 1em; margin-bottom: 1em; white-space: normal; box-sizing: border-box; padding: 0px; border: 0px; vertical-align: middle; line-height: 25px; list-style: none; color: rgb(58, 58, 58); font-family: 微軟雅黑, 宋體, verdana, arial, helvetica, sans-serif; font-size: 14px; background-color: rgb(247, 253, 255);"> 2.腳底的穴位多，不穿襪子可以充分按摩到腳底。有利于身體其他機(jī)能的運(yùn)轉(zhuǎn)。緩解便秘，消化不良等癥狀。 </p> <p style="margin-top: 1em; margin-bottom: 1em; white-space: normal; box-sizing: border-box; padding: 0px; border: 0px; vertical-align: middle; line-height: 25px; list-style: none; color: rgb(58, 58, 58); font-family: 微軟雅黑, 宋體, verdana, arial, helvetica, sans-serif; font-size: 14px; background-color: rgb(247, 253, 255);"> 好像兩方家長(zhǎng)說(shuō)的都有道理，那么到底應(yīng)該穿襪子嗎？ </p>var content= ue.geteditor(‘details').getcontent();
上面是我編輯器里的內(nèi)容（content），最簡(jiǎn)單的方法是用
$(content)來(lái)轉(zhuǎn)換成jquery對(duì)象，但是$(content).html()的打印結(jié)果如下：
可以看出來(lái)轉(zhuǎn)換出的jquery對(duì)象代表的是content中第一個(gè)html元素p，剩下的html元素獲取不到，也就無(wú)法進(jìn)行第三步獲取圖片地址。
這里可以補(bǔ)充的是，網(wǎng)上提供的一種方法
$(content).get(0).outerhtml的打印結(jié)果如下：
get(1)、get(2)…依次可以打印出接下來(lái)的html元素代碼，我開(kāi)始考慮循環(huán)獲取，但是循環(huán)次數(shù)的獲取回到了原地，根本取不到，有興趣的可以嘗試。
既然jquery的思路斷了，我就開(kāi)始考慮原生js的方法，在網(wǎng)上找了個(gè)：
var $p = document.createelement("p");//創(chuàng)建一個(gè)p元素對(duì)象$p.innerhtml = content;//往p里填充html打印出來(lái)的結(jié)果非常好：
前面繞的彎兩行代碼就解決了，原生js真棒！
但是我還是習(xí)慣用jquery，又把它轉(zhuǎn)換成jquery了，方便下面的選擇器和循環(huán)
var $v = $($p);//從dom對(duì)象轉(zhuǎn)換成jquery對(duì)象
3.選擇器找到img元素，獲取src值
$.each($v.find("img"),function (v,i) {console.log("src======" i.src);});i.src可以直接獲取圖片url地址，成功！
下面為大家補(bǔ)充
js如何獲取ueditor里面的第一張圖片
想獲取ueditor里面第一張圖片