JQuery를 사용하여 HTML 문자열에 새 특성 추가

Question

기존 HTML 문자열에 새 특성을 추가하는 데 문제가 있습니다.

먼저 편집기에서 HTML 코드를 읽고이를 String으로 저장하십시오.

그리고 난이 문자열의 속성 액세서 수 있습니다

$("img", $(htmlString)).attr("src"); 

을하지만 새로운 속성 (예 : 이름입니다.)를 추가하려고하면, 그것은 작동하지 않습니다. 이 작업을 수행하려면 내가 시도 :

는

$("img", $(htmlString)).attr("name", "fooo"); 

그래서 내 문제는 내가 어떤 값을 가진 새로운 속성을 추가하고 마지막에 내가 새로운 HTML 문자열 느릅 나무가 있어야 필요로하는에 이전 HTML 코드가 포함되어 새로 추가 된 속성. 누군가 나를 도울 수 있기를 바랍니다.

Answer 1

src에서 값을 복사하고 수정 한 다음 동일한 img 태그의 새 속성으로 저장하고 싶습니다.

<img src="/images/myimage.jpg" data-src="/images/myimage.png" alt="Example image" /> 

이 가정되는이 투표

<img src="/images/myimage.jpg" alt="Example image" /> 

:

var $img = $("img", $(htmlString)); 
var src = $img.attr("src"); 
src = src.replace(".jpg", ".png"); 
$img.attr("data-src", src); 

이이 켜집니다 : 만 저장 부분은

이 시도 작동하지 않습니다 htmlString에는 1 img 태그 만 있습니다. 둘 이상인 경우에는 각 루프를 반복해야합니다.