Jquery를 사용하여 HTML 문자열에서 스팬 클래스를 삭제하려고합니다. 내 HTML 문자열은 다음과 같습니다.
<li class="left clearfix"><span id="userAvatar" class="chat-img pull-left"><img src="http://placehold.it/50/55C1E7/fff&text=U" alt="User Avatar" class="img-circle"></span><div class="chat-body clearfix"><div class="header"><strong class="primary-font">sdfsdf3424</strong></div><p>dfgfg</p></div></li>
이 문자열에서 span 태그를 삭제하려면 다음을 수행합니다.
var JqueryObj = $('<div/>').html(stringHTML).contents();
JqueryObj = JqueryObj.not("#userAvatar");
stringHTML = JqueryObj.html();
내가 어디로 잘못 가고 있습니까? 또한이 문자열 내에서 단락 태그의 글꼴 색상을 변경할 수 있습니까?
첫 번째 질문에 대해 다음을 수행 할 수 있어야합니다.
var htmlstring = '<li class="left clearfix"><span id="userAvatar" class="chat-img pull-left"><img src="http://placehold.it/50/55C1E7/fff&text=U" alt="User Avatar" class="img-circle"></span><div class="chat-body clearfix"><div class="header"><strong class="primary-font">sdfsdf3424</strong></div><p>dfgfg</p></div></li>'
var obj = $("div").html(htmlstring);
obj.find("#userAvatar").remove();
var newhtmlstring = obj.html();
이것은 htmlstring의 내용을 포함하는 새로운 요소를 만듭니다. 그런 다음 찾기 부분은 선택기가있는 모든 직간접 자식을 찾아 제거합니다. 마지막으로 새 html 문자열은 이전에 만든 임시 개체의 내용입니다.
.find ()를 사용하여 글꼴 색상을 변경할 수도 있습니다.
obj.find("p").css("color", "red");
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다