blocks|key|1546051|text|一旦创建了dom元素，我相信标签就是不可变的。你必须这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1546052|$(this).replaceWith($('<h5>'+%2B+this.innerHTML+%2B+'</h5>'));|code-block|syntax|javascript|1546053|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Once a dom element is created, the tag is immutable, I believe.  You'd have to do something like this:</p>

<pre><code>$(this).replaceWith($('&lt;h5&gt;' + this.innerHTML + '&lt;/h5&gt;'));
</code></pre>


blocks|key|1546099|text|您不应该更改标记的类型，而应该更改标记的样式(或者更确切地说，是具有特定id的标记)。更改文档的元素以应用样式更改不是一种好的做法。试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1546100|$('a.change').click(function()+{
++++$('p#changed').css("font-weight",+"bold");
});

<p+id="changed">Hello!</p>
<a+id="change">change</a>|code-block|syntax|javascript|1546101|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Rather than change the type of tag, you should be changing the style of the tag (or rather, the tag with a specific id.) Its not a good practice to be changing the elements of your document to apply stylistic changes. Try this:</p>

<pre><code>$('a.change').click(function() {
    $('p#changed').css("font-weight", "bold");
});

&lt;p id="changed"&gt;Hello!&lt;/p&gt;
&lt;a id="change"&gt;change&lt;/a&gt;
</code></pre>


blocks|key|1546190|text|我的想法是包装元素和展开内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1546191|function+renameElement($element,newElement){

++++$element.wrap("<"%2BnewElement%2B">");
++++$newElement+=+$element.parent();

++++//Copying+Attributes
++++$.each($element.prop('attributes'),+function()+{
++++++++$newElement.attr(this.name,this.value);
++++});

++++$element.contents().unwrap();+++++++

++++return+$newElement;
}|code-block|syntax|javascript|1546192|示例用法：|1546193|renameElement($('p'),'h5');|1546194|Demo|offset|length|1546195|entityMap|0|LINK|mutability|MUTABLE|url|https://jsfiddle.net/shubanker/f6mc013z/2/^0|0|0|0|0|0|4|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

<p>Idea is to wrap the element &amp; unwrap the contents:</p>

<pre><code>function renameElement($element,newElement){

    $element.wrap("&lt;"+newElement+"&gt;");
    $newElement = $element.parent();

    //Copying Attributes
    $.each($element.prop('attributes'), function() {
        $newElement.attr(this.name,this.value);
    });

    $element.contents().unwrap();       

    return $newElement;
}
</code></pre>

<p>Sample usage:</p>

<pre><code>renameElement($('p'),'h5');
</code></pre>

<p><a href="https://jsfiddle.net/shubanker/f6mc013z/2/" rel="noreferrer">Demo</a></p>


blocks|key|1546136|text|我想出了一种方法，使用jQuery对象的字符串表示，并使用正则表达式和基本JavaScript替换标记名。您不会丢失任何内容，也不需要遍历每个属性/属性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1546137|/*
+*+replaceTag
+*+@return+{$object}+a+new+object+with+replaced+opening+and+closing+tag
+*/
function+replaceTag($element,+newTagName)+{

++//+Identify+opening+and+closing+tag
++var+oldTagName+=+$element[0].nodeName,
++++elementString+=+$element[0].outerHTML,
++++openingRegex+=+new+RegExp("%5E(<"+%2B+oldTagName+%2B+"+)",+"i"),
++++openingTag+=+elementString.match(openingRegex),
++++closingRegex+=+new+RegExp("(<\/"+%2B+oldTagName+%2B+">)$",+"i"),
++++closingTag+=+elementString.match(closingRegex);

++if+(openingTag+&&+closingTag+&&+newTagName)+{
++++//+Remove+opening+tag
++++elementString+=+elementString.slice(openingTag[0].length);
++++//+Remove+closing+tag
++++elementString+=+elementString.slice(0,+-(closingTag[0].length));
++++//+Add+new+tags
++++elementString+=+"<"+%2B+newTagName+%2B+"+"+%2B+elementString+%2B+"</"+%2B+newTagName+%2B+">";
++}

++return+$(elementString);
}|code-block|syntax|javascript|1546138|最后，您可以按如下方式替换现有的对象/节点：|1546139|var+$newElement+=+replaceTag($rankingSubmit,+'a');
$('#not-an-a-element').replaceWith($newElement);|1546140|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>I came up with an approach where you use a string representation of your jQuery object and replace the tag name using regular expressions and basic JavaScript. You will not loose any content and don't have to loop over each attribute/property.</p>

<pre><code>/*
 * replaceTag
 * @return {$object} a new object with replaced opening and closing tag
 */
function replaceTag($element, newTagName) {

  // Identify opening and closing tag
  var oldTagName = $element[0].nodeName,
    elementString = $element[0].outerHTML,
    openingRegex = new RegExp("^(&lt;" + oldTagName + " )", "i"),
    openingTag = elementString.match(openingRegex),
    closingRegex = new RegExp("(&lt;\/" + oldTagName + "&gt;)$", "i"),
    closingTag = elementString.match(closingRegex);

  if (openingTag &amp;&amp; closingTag &amp;&amp; newTagName) {
    // Remove opening tag
    elementString = elementString.slice(openingTag[0].length);
    // Remove closing tag
    elementString = elementString.slice(0, -(closingTag[0].length));
    // Add new tags
    elementString = "&lt;" + newTagName + " " + elementString + "&lt;/" + newTagName + "&gt;";
  }

  return $(elementString);
}
</code></pre>

<p>Finally, you can replace the existing object/node as follows:</p>

<pre><code>var $newElement = replaceTag($rankingSubmit, 'a');
$('#not-an-a-element').replaceWith($newElement);
</code></pre>


blocks|key|1330913|text|这是我的解决方案。它允许在标签之间切换。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1330914|​|1330915|<!DOCTYPE+html>
<html>
<head>
	<title></title>

<script+src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script+type="text/javascript">

function+wrapClass(klass){
	return+'to-'+%2B+klass;
}

function+replaceTag(fromTag,+toTag){
	
	/**+Create+selector+for+all+elements+you+want+to+change.
	++*+These+should+be+in+form:+<fromTag+class="to-toTag"></fromTag>
	++*/
	var+currentSelector+=+fromTag+%2B+'.'+%2B+wrapClass(toTag);

	/**+Select+all+elements+*/
	var+$selected+=+$(currentSelector);

	/**+If+you+found+something+then+do+the+magic.+*/
	if($selected.size()+>+0){

		/**+Replace+all+selected+elements+*/
		$selected.each(function(){

			/**+jQuery+current+element.+*/
			var+$this+=+$(this);

			/**+Remove+class+"to-toTag".+It+is+no+longer+needed.+*/
			$this.removeClass(wrapClass(toTag));

			/**+Create+elements+that+will+be+places+instead+of+current+one.+*/
			var+$newElem+=+$('<'+%2B+toTag+%2B+'>');

			/**+Copy+all+attributes+from+old+element+to+new+one.+*/
			var+attributes+=+$this.prop("attributes");
			$.each(attributes,+function(){
				$newElem.attr(this.name,+this.value);
			});

			/**+Add+class+"to-fromTag"+so+you+can+remember+it.+*/
			$newElem.addClass(wrapClass(fromTag));

			/**+Place+content+of+current+element+to+new+element.+*/
			$newElem.html($this.html());

			/**+Replace+old+with+new.+*/
			$this.replaceWith($newElem);
		});

		/**+It+is+possible+that+current+element+has+desired+elements+inside.
		++*+If+so+you+need+to+look+again+for+them.
		++*/
		replaceTag(fromTag,+toTag);
	}
}


</script>

<style+type="text/css">
	
	section+{
		background-color:+yellow;
	}

	div+{
		background-color:+red;
	}

	.big+{
		font-size:+40px;
	}

</style>
</head>
<body>

<button+onclick="replaceTag('div',+'section');">Section+->+Div</button>
<button+onclick="replaceTag('section',+'div');">Div+->+Section</button>

<div+class="to-section">
	<p>Matrix+has+you!</p>
	<div+class="to-section+big">
		<p>Matrix+has+you+inside!</p>
	</div>
</div>

<div+class="to-section+big">
	<p>Matrix+has+me+too!</p>
</div>

</body>
</html>|code-block|syntax|javascript|1330916|1330917|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>This is my solution. It allows to toggle between tags.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
	&lt;title&gt;&lt;/title&gt;

&lt;script src="https://code.jquery.com/jquery-1.11.3.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;

function wrapClass(klass){
	return 'to-' + klass;
}

function replaceTag(fromTag, toTag){
	
	/** Create selector for all elements you want to change.
	  * These should be in form: &lt;fromTag class="to-toTag"&gt;&lt;/fromTag&gt;
	  */
	var currentSelector = fromTag + '.' + wrapClass(toTag);

	/** Select all elements */
	var $selected = $(currentSelector);

	/** If you found something then do the magic. */
	if($selected.size() &gt; 0){

		/** Replace all selected elements */
		$selected.each(function(){

			/** jQuery current element. */
			var $this = $(this);

			/** Remove class "to-toTag". It is no longer needed. */
			$this.removeClass(wrapClass(toTag));

			/** Create elements that will be places instead of current one. */
			var $newElem = $('&lt;' + toTag + '&gt;');

			/** Copy all attributes from old element to new one. */
			var attributes = $this.prop("attributes");
			$.each(attributes, function(){
				$newElem.attr(this.name, this.value);
			});

			/** Add class "to-fromTag" so you can remember it. */
			$newElem.addClass(wrapClass(fromTag));

			/** Place content of current element to new element. */
			$newElem.html($this.html());

			/** Replace old with new. */
			$this.replaceWith($newElem);
		});

		/** It is possible that current element has desired elements inside.
		  * If so you need to look again for them.
		  */
		replaceTag(fromTag, toTag);
	}
}


&lt;/script&gt;

&lt;style type="text/css"&gt;
	
	section {
		background-color: yellow;
	}

	div {
		background-color: red;
	}

	.big {
		font-size: 40px;
	}

&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;button onclick="replaceTag('div', 'section');"&gt;Section -&gt; Div&lt;/button&gt;
&lt;button onclick="replaceTag('section', 'div');"&gt;Div -&gt; Section&lt;/button&gt;

&lt;div class="to-section"&gt;
	&lt;p&gt;Matrix has you!&lt;/p&gt;
	&lt;div class="to-section big"&gt;
		&lt;p&gt;Matrix has you inside!&lt;/p&gt;
	&lt;/div&gt;
&lt;/div&gt;

&lt;div class="to-section big"&gt;
	&lt;p&gt;Matrix has me too!&lt;/p&gt;
&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1546239|text|这是使用jQuery更改DOM中的HTML标记的快捷方法。我发现这个replaceWith()函数非常有用。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1546240|+++var+text=+$('p').text();
+++$('#change').on('click',+function()+{
+++++target.replaceWith(+"<h5>"%2Btext%2B"</h5>"+);
+++});|code-block|syntax|javascript|1546241|entityMap|0|LINK|mutability|MUTABLE|url|https://api.jquery.com/replaceWith/^0|Y|D|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>This the quick way to change HTML tags inside your DOM using jQuery. I find this <a href="https://api.jquery.com/replaceWith/" rel="nofollow noreferrer">replaceWith()</a> function is very useful.</p>

<pre><code>   var text= $('p').text();
   $('#change').on('click', function() {
     target.replaceWith( "&lt;h5&gt;"+text+"&lt;/h5&gt;" );
   });
</code></pre>


blocks|key|1546318|text|你可以像data-replace="replaceTarget,replaceBy"一样通过data-*属性来实现，所以在jQuery的帮助下，在得到值之后，通过.split()方法得到replaceTarget+&+replaceBy值，然后使用.replaceWith()方法。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1546319|这种data-*属性技术可以轻松管理任何标签替换，而不需要更改下面的内容(所有标签替换的通用代码)。|1546320|我希望下面的代码片段能对你有所帮助。|1546321|​|1546322|$(document).on('click',+'[data-replace]',+function(){
++var+replaceTarget+=+$(this).attr('data-replace').split(',')[0];
++var+replaceBy+=+$(this).attr('data-replace').split(',')[1];
++$(replaceTarget).replaceWith($(replaceBy).html($(replaceTarget).html()));
});|code-block|syntax|javascript|1546323|<script+src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<p+id="abc">Hello+World+#1</p>
<a+href="#"+data-replace="#abc,<h1/>">P+change+with+H1+tag</a>
<hr>
<h2+id="xyz">Hello+World+#2</h2>
<a+href="#"+data-replace="#xyz,<p/>">H1+change+with+P+tag</a>
<hr>
<b+id="bold">Hello+World+#2</b><br>
<a+href="#"+data-replace="#bold,<i/>">B+change+with+I+tag</a>
<hr>
<i+id="italic">Hello+World+#2</i><br>
<a+href="#"+data-replace="#italic,<b/>">I+change+with+B+tag</a>|1546324|1546325|entityMap^0|4|12|1A|6|29|8|2L|D|31|9|3G|E|0|2|6|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]|$9|Y|A|Z|B|C]|$9|10|A|11|B|C]|$9|12|A|13|B|C]|$9|14|A|15|B|C]|$9|16|A|17|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|1B|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|1C|8|@]|D|@]|E|$]]|$1|L|3|M|5|N|7|1D|8|@]|D|@]|E|$O|P]]|$1|Q|3|R|5|N|7|1E|8|@]|D|@]|E|$O|P]]|$1|S|3|K|5|6|7|1F|8|@]|D|@]|E|$]]|$1|T|3|-4|5|6|7|1G|8|@]|D|@]|E|$]]]|U|$]]

<p>You can achieve by <code>data-*</code> attribute like <code>data-replace="replaceTarget,replaceBy"</code> so with help of jQuery to get <code>replaceTarget</code> &amp; <code>replaceBy</code> value by <code>.split()</code> method after getting values then use <code>.replaceWith()</code> method.<br>
This <code>data-*</code> attribute technique to easily manage any tag replacement without changing below (common code for all tag replacement). <br><br>
I hope below snippet will help you lot.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).on('click', '[data-replace]', function(){
  var replaceTarget = $(this).attr('data-replace').split(',')[0];
  var replaceBy = $(this).attr('data-replace').split(',')[1];
  $(replaceTarget).replaceWith($(replaceBy).html($(replaceTarget).html()));
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;

&lt;p id="abc"&gt;Hello World #1&lt;/p&gt;
&lt;a href="#" data-replace="#abc,&lt;h1/&gt;"&gt;P change with H1 tag&lt;/a&gt;
&lt;hr&gt;
&lt;h2 id="xyz"&gt;Hello World #2&lt;/h2&gt;
&lt;a href="#" data-replace="#xyz,&lt;p/&gt;"&gt;H1 change with P tag&lt;/a&gt;
&lt;hr&gt;
&lt;b id="bold"&gt;Hello World #2&lt;/b&gt;&lt;br&gt;
&lt;a href="#" data-replace="#bold,&lt;i/&gt;"&gt;B change with I tag&lt;/a&gt;
&lt;hr&gt;
&lt;i id="italic"&gt;Hello World #2&lt;/i&gt;&lt;br&gt;
&lt;a href="#" data-replace="#italic,&lt;b/&gt;"&gt;I change with B tag&lt;/a&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1546355|text|下面的函数实现了这个功能，并保留了所有属性。您可以像这样使用它：changeTag("div",+"p")|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1546356|function+changeTag(originTag,+destTag)+{
++while($(originTag).length)+{
++++$(originTag).replaceWith+(function+()+{
++++++var+attributes+=+$(this).prop("attributes");
++++++var+$newEl+=+$(`<${destTag}>`)
++++++$.each(attributes,+function()+{
++++++++$newEl.attr(this.name,+this.value);
++++++});++
++++++return+$newEl.html($(this).html())
++++})
++}
}|code-block|syntax|javascript|1546357|要确保它正常工作，请检查以下示例|1546358|​|1546359|function+changeTag(originTag,+destTag)+{
++while($(originTag).length)+{
++++$(originTag).replaceWith+(function+()+{
++++++var+attributes+=+$(this).prop("attributes");
++++++var+$newEl+=+$(`<${destTag}>`)
++++++$.each(attributes,+function()+{
++++++++$newEl.attr(this.name,+this.value);
++++++});++
++++++return+$newEl.html($(this).html())
++++})
++}
}

changeTag("div",+"p")

console.log($("body").html())|1546360|<body>
<script+src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div+class="A"+style="font-size:1em">
++<div+class="B"+style="font-size:1.1em">A</div>
</div>
<div+class="C"+style="font-size:1.2em">
++B
</div>
</body>|1546361|1546362|entityMap^0|W|L|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Z|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|10|8|@]|D|@]|E|$]]|$1|O|3|P|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|Q|3|R|5|H|7|12|8|@]|D|@]|E|$I|J]]|$1|S|3|N|5|6|7|13|8|@]|D|@]|E|$]]|$1|T|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|U|$]]

<p>The following function does the trick and keeps all the attributes. You use it for example like this: <code>changeTag("div", "p")</code></p>

<pre class="lang-js prettyprint-override"><code>function changeTag(originTag, destTag) {
  while($(originTag).length) {
    $(originTag).replaceWith (function () {
      var attributes = $(this).prop("attributes");
      var $newEl = $(`&lt;${destTag}&gt;`)
      $.each(attributes, function() {
        $newEl.attr(this.name, this.value);
      });  
      return $newEl.html($(this).html())
    })
  }
}
</code></pre>

<p>To be sure that it works, check the following example</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function changeTag(originTag, destTag) {
  while($(originTag).length) {
    $(originTag).replaceWith (function () {
      var attributes = $(this).prop("attributes");
      var $newEl = $(`&lt;${destTag}&gt;`)
      $.each(attributes, function() {
        $newEl.attr(this.name, this.value);
      });  
      return $newEl.html($(this).html())
    })
  }
}

changeTag("div", "p")

console.log($("body").html())</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;

&lt;div class="A" style="font-size:1em"&gt;
  &lt;div class="B" style="font-size:1.1em"&gt;A&lt;/div&gt;
&lt;/div&gt;
&lt;div class="C" style="font-size:1.2em"&gt;
  B
&lt;/div&gt;
&lt;/body&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1546071|text|有没有什么特别的原因需要更改标签？如果您只想让文本变大，那么更改p标记的CSS类将是一种更好的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1546072|如下所示：|1546073|$('#change').click(function(){
++$('p').addClass('emphasis');
});|code-block|syntax|javascript|1546074|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Is there a specific reason that you need to change the tag?  If you just want to make the text bigger, changing the p tag's CSS class would be a better way to go about that.</p>

<p>Something like this:</p>

<pre><code>$('#change').click(function(){
  $('p').addClass('emphasis');
});
</code></pre>


<p>Is this possible?</p>

<p>example:</p>

<pre><code>$('a.change').click(function(){
//code to change p tag to h5 tag
});


&lt;p&gt;Hello!&lt;/p&gt;
&lt;a id="change"&gt;change&lt;/a&gt;
</code></pre>

<p>So clicking the change anchor should cause the <code>&lt;p&gt;Hello!&lt;/p&gt;</code> section to change to (as an example) an h5 tag so you'd end up with <code>&lt;h5&gt;Hello!&lt;/h5&gt;</code> after the click.  I realize you can delete the p tag and replace it with an h5, but is there anyway to actually modify an HTML tag?</p>


Use jQuery to change an HTML tag?

jQuery

这个是可能的吗？示例：$('a.change').click(function(){//code to change p tag to h5 tag});<p>Hello!</p><a id="change">change</a>因此，单击change锚点应该会导致<p>Hello!</p>部分更改为(举个例子) h5标记，这样在单击之后您就会得到<h5>Hello!</h5>。我知道您可以删除p

问使用jQuery更改HTML标记？
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery更改HTML标记？EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery更改HTML标记？
EN