을 가져옵니다.을 가져옵니다.을 가져옵니다.

을 가져옵니다.

jQuery를 사용하여 입력 태그의 속성 이름 값을 가져오는 방법제발 도와주세요.

<input name="xxxxx" value="1">

입력한 ID를 지정하고 메소드를 사용합니다.

var name = $("#id").attr("name");

jQuery의 메소드를 사용하면 다음과 같습니다.

alert($('input').attr('name'));

합니다도 할 수 .attr두 합니다를 합니다.

$('input').attr('name', 'new_name')

var value_input = $("input[name*='xxxx']").val();

jQuery가 강력한 도구라는 것은 부인할 수 없지만, "요소의 속성 값을 얻기"와 같은 사소한 작업에 사용하는 것은 정말 나쁜 생각입니다.

현재 수락된 답변으로 미루어 볼 때, 저는 당신이 당신의 요소에 ID 속성을 추가하고 그것을 사용하여 선택할 수 있었다고 가정할 것입니다.

이를 염두에 두고, 여기 두 가지 코드가 있습니다.첫째, 수락된 답변에서 부여된 코드:

$("#ID").attr("name");

그리고 두 번째로 바닐라 JS 버전입니다.

document.getElementById('ID').getAttribute("name");

내 결과:

• jQuery: 300k 연산/초
• 자바스크립트: 초당 11,000k 작업

여기서 직접 테스트해 보세요."평판 자바스크립트" 버전은 jQuery 버전보다 35배 이상 빠릅니다.

이제, 이것은 단지 한번의 작업을 위한 것입니다. 시간이 지남에 따라 당신은 당신의 코드에 점점 더 많은 것들이 발생하게 될 것입니다.아마도 특별히 진보된 것이라면 최적의 "순수 자바스크립트" 솔루션을 실행하는 데 1초가 걸릴 것입니다.jQuery 버전은 30초에서 1분 정도 걸릴 수 있습니다!엄청 크네요!사람들은 그것 때문에 둘러앉지 않을 것입니다.브라우저조차도 지루해지고 너무 오래 걸리는 웹페이지를 삭제할 수 있는 옵션을 제공할 것입니다!

말씀드린 것처럼 jQuery는 강력한 도구이지만 모든 것에 대한 해답으로 간주되어서는 안 됩니다.

를 .<input> 번째.째,의 ID다를 합니다.$('#element_id'), 의 ID $('#container_id input')인 .$('input.class_name').

요소에 이러한 요소가 없고 컨텍스트가 없으므로 요소를 선택하는 방법을 알려주기가 어렵습니다.

적절한 선택기를 찾은 후에는 특성 메서드를 사용하여 요소의 특성에 액세스합니다.이름을 알아내려면, 당신은$(selector).attr('name') 입니다)에서를 합니다.'xxxxx'.

더 좋은 방법은 '이것'을 사용하는 것일 수 있습니다. 그것은 'id'의 이름이 무엇이든 간에 그것을 사용합니다.'my target'이라는 클래스 이름을 추가하기만 하면 됩니다.

대상 필드가 변경될 때마다 해당 필드 이름과 함께 알림 상자가 표시됩니다.그냥 전체 스크립트를 잘라내서 붙여넣기만 하면 됩니다.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
 $('.mytarget').change(function() {
var name1 = $(this).attr("name");
alert(name1);
 });
});
</script>

Name: <input type="text" name="myname" id="myname" class="mytarget"><br />
Age: <input type="text" name="myage" id="myage" class="mytarget"><br />

값 가져오기 입력 이름 사용

 $('input[value="1"]').attr('name');

id get 입력 이름 사용

 $('input[class="id"]').attr('name');
   $('#id').attr('name');

사용클래스 get input name

 $('input[value="classname"]').attr('name');
   $('.classname').attr('name');  //if classname have unique value

var theName;

theName = $("input selector goes here").attr("name");

만약 당신이 단일 요소를 다루고 있다면 당신은 다음을 사용해야 합니다.idGenericTypeTea 답변에 명시된 대로 Selector를 선택하고 다음과 같은 이름을 얻습니다.$("#id").attr("name");.

하지만 원한다면, 이 질문을 찾았을 때와 마찬가지로, 특정 클래스의 모든 입력 이름을 가진 목록(예를 들어, 선택하지 않은 모든 체크박스의 이름을 가진 목록)이 있습니다..selectable-checkboxclass) 다음과 같은 작업을 수행할 수 있습니다.

var listOfUnchecked = $('.selectable-checkbox:unchecked').toArray().map(x=>x.name);

아니면

var listOfUnchecked = [];
$('.selectable-checkbox:unchecked').each(function () {
    listOfUnchecked.push($(this).attr('name'));
});

클래스를 입력 태그에 전달하고 클래스를 사용하여 이름 값에 액세스합니다.

<input class="test-class" name='xxxxx' value=1>

<script>
    $('.test-class').attr('name');
</script>

또는 id를 사용하여 값에 접근할 수도 있습니다.

<input id="test-id" name='xxxxx' value=1>

<script>
    $('#test-id').attr('name');
</script>

아래 줄의 경우 처음에는 'currentRowAppName' 값에 문자열이 포함되어 있지 않다는 코드를 하나도 주지 않아 문제가 발생했습니다.그래서, 그 후에 하나의 코드를 주고 난 후에'"+row.applicationName+"', 그것은 또한 공간을 차지합니다.

예:

<button class='btn btn-primary btn-xs appDelete' type='button' currnetRowAppName='"+row.applicationName+"' id="+row.id+ >

var viewAppNAME = $(this).attr("currnetRowAppName");
alert(viewAppNAME)

이거 잘 되네요.

언급URL : https://stackoverflow.com/questions/3513809/get-attribute-name-value-of-input