jquery로 일부 HTML5 데이터 속성을 수정하려고합니다.
다음과 같이 간단 할 때 수행하는 방법을 알고 있습니다.
<div id="element" data-options="HelloWorld"></div>
//Modify with jQuery :
$("#element").data("options","Bye Bye");
하지만 제 경우에는 좀 더 복잡한 데이터 옵션 (joomla 모듈)을 수정하고 싶습니다.
data-options는 다음과 같이 데이터 배열로 구성됩니다.
data-options="{"title":"Test","lat":"48.6069129","lng":"7.7612831","icon":"red","popup":1},{"title":"Test","lat":"48.6069129","lng":"7.7612831","icon":"blue","popup":2}"
예를 들어 아이콘 만 선택하고 수정하려면 어떻게해야합니까?
함수 과부하를 사용할 수 있습니다. jQuery.fn.data
$('#element').data('options', function(data){
var obj = JSON.parse(data);
obj.forEach(function(o){
o.icon = "some other color";
});
return JSON.stringify(obj);
});
위의 내용은 데이터로 다음이 있다고 가정합니다.
'[{"title":"Test","lat":"48.6069129","lng":"7.7612831","icon":"red","popup":1},{"title":"Test","lat":"48.6069129","lng":"7.7612831","icon":"blue","popup":2}]'
json을 올바르게 선언하려면 ''
대신에 넣을 수 있습니다. ""
그러면 큰 따옴표를 이스케이프하는 두통에서 벗어날 수 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다