결론적으로 div에 name 속성은 사용할 수 없다.
name 속성은 다음과 같은 태그에만 사용할 수 있다.
Elements | Attribute |
<button> | name |
<fieldset> | name |
<form> | name |
<iframe> | name |
<input> | name |
<map> | name |
<meta> | name |
<object> | name |
<output> | name |
<param> | name |
<select> | name |
<textarea> | name |
HTML5부터는 데이터 속성이라는 개념이 추가되었는데, HTML 요소의 'data-'로 시작하는 속성이다.
그 div에서 name 속성 같은 기능을 사용하고 싶다면 데이터 속성을 사용하면 된다.
<div data-*="value" >
사용 예시)
<div id="divId" data-name="divName" data-value="divValue">text</div>
$(selector).data(name); //출력
$(selector).data(name, value); //입력
//셀렉트
$("[data-name=divName]");
//값출력
$("[data-name=divName]").data("value");
//값셋팅
$("[data-name=divName]").data("value","dataValue2");
//해당 data속성을 지우기 위해서는 removeData를 이용하여 제거할 수 있다.
$("[data-name=divName]").removeData("value");
참고 사이트
https://www.w3schools.com/tags/att_name.asp
https://www.dofactory.com/html/div/data