Heim > Web-Frontend > js-Tutorial > So konvertieren Sie einen String in ein JQuery-Objekt

So konvertieren Sie einen String in ein JQuery-Objekt

零到壹度
Freigeben: 2018-03-26 15:24:59
Original
2190 Leute haben es durchsucht

Dieses Mal werde ich Ihnen ausführlich erklären, wie Sie eine Zeichenfolge in ein JQuery-Objekt konvertieren und welche Vorsichtsmaßnahmen für die Konvertierung einer Zeichenfolge in ein JQuery-Objekt gelten. Das Folgende ist ein praktischer Fall sehen.

jQuery(test)[0].outerHTMLouterHTML
是部分浏览器提供的原生DOM属性,可返回包括元素本身在内的html代码。
如果不需要标签本身,可用jQuery的html方法来获取html文本
jQuery(test).html()
var test=&#39;<p>.<img src="oldsrc" />.</p>&#39;
var jObj=$(test);
var imgs=jObj.find(&#39;img&#39;);
imgs.each(function(){
  $(this).attr(&#39;src&#39;,&#39;newsrc&#39;);
  });
test=jObj[0].outerHTML;
或者
test=&#39;<p>&#39;+jObj.html()+&#39;</p>&#39;;
这里只能用DOM片断来做,无法带上html
Nach dem Login kopieren

Oder Sie können direkt reguläre Ausdrücke verwenden, um

&#39;<p><img src="oldsrc" /></p>&#39;.replace(
/<img(\s+[^>]*)src="([^"]+)"([^>]*)>/ig,
function(a,b,c,d){    //这里a代码匹配到的一个img元素的整个字符串,b代码第一个括号内的内容,c代码第二个括号的内容,就是img的src,d代码后面的内容
//这里可以处理下c再连接,也可以直接写新的src
return &#39;<img&#39;+b+&#39;src="&#39;+&#39;new src&#39;+&#39;"&#39;+d+&#39;>&#39;;
})
Nach dem Login kopieren

zu ersetzen, oder so:

var a=&#39;<p>123</p>&#39;;
var jObj=$(a);
console.log($(&#39;<input></input>&#39;))
Nach dem Login kopieren

Verwandte Empfehlungen:

So konvertieren Sie einen HTML-String in ein JQuery-Objekt oder ein Dom-Objekt in JavaScript

Json-String und Objekt Gegenseitige Konvertierung-Javascript /jQuery

jQuery-Objekt in gewöhnlichen String

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie einen String in ein JQuery-Objekt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage