반응형
jQuery를 사용하여 href 값을 얻는 방법은 무엇입니까?
jQuery를 사용하여 href 값을 가져오려고 합니다.
<html>
<head>
<title>Jquery Test</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a").click(function(event) {
alert("As you can see, the link no longer took you to jquery.com");
var href = $('a').attr('href');
alert(href);
event.preventDefault();
});
});
</script>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
</body>
</html>
하지만 효과가 없어요. 왜죠?
필요합니다
var href = $(this).attr('href');
jQuery 클릭 핸들러 내에서this객체는 클릭된 요소를 참조하는 반면, 당신의 경우에는 항상 첫 번째 href를 얻습니다.<a>페이지에참고로, 이것이 당신의 예시는 작동하지만 실제 코드는 작동하지 않는 이유입니다.
다음 코드로 현재 href 값을 얻을 수 있습니다.
$(this).attr("href");
ID로 href 값을 가져오는 방법
$("#mylink").attr("href");
언급할 가치가 있습니다.
$('a').attr('href'); // gets the actual value
$('a').prop('href'); // gets the full URL always
효과가 있습니다...IE8(컴퓨터에서 파일을 테스트하는 경우 Javascript가 실행되도록 허용하는 것을 잊지 마십시오) 및 chrome에서 테스트되었습니다.
페이지에 하나가 있는 경우에는<a>효과는 있지만 여러 가지<a>를 사용해야 합니다.var href = $(this).attr('href');
html이 있다고 가정하면 다음과 같습니다.
<a class ="linkClass" href="https://stackoverflow.com/"> Stack Overflow</a>
다음 JS 스니펫을 사용하여 href 특성을 가져와 표시할 수 있습니다.
<script>
$(".linkClass").click(function() {
alert($(this).attr("href"));
});
</script>
**Replacing href attribut value to other**
<div class="cpt">
<a href="/ref/ref/testone.html">testoneLink</a>
</div>
<div class="test" >
<a href="/ref/ref/testtwo.html">testtwoLInk</a>
</div>
<!--Remove first default Link from href attribut -->
<script>
Remove first default Link from href attribut
$(".cpt a").removeAttr("href");
Add Link to same href attribut
var testurl= $(".test").find("a").attr("href");
$(".test a").attr('href', testurl);
</script>
HTML 링크가 다음과 같은 경우:
<a class ="linkClass" href="https://stackoverflow.com/"> Stack Overflow</a>
그런 다음 아래와 같이 href in jquery에 액세스할 수 있습니다(이 경우 href에 "a"를 사용할 필요가 없습니다).
$(".linkClass").on("click",accesshref);
function accesshref()
{
var url = $(".linkClass").attr("href");
//OR
var url = $(this).attr("href");
}
언급URL : https://stackoverflow.com/questions/2098408/how-to-get-href-value-using-jquery
반응형
'programing' 카테고리의 다른 글
| 기존 도커 컨테이너에 포트 매핑을 할당하려면 어떻게 해야 합니까? (0) | 2023.07.29 |
|---|---|
| 테스트 환경에서 MariaDB를 사용하고 운영에서 sql server를 사용하는 방법, 두 가지 모두에 대해 하나의 선택을 사용하는 방법 - Java, Spring (0) | 2023.07.29 |
| PHPExcel 병합 셀에서 텍스트 중심 지정 방법 (0) | 2023.07.29 |
| Android에서 기본적으로 응답: 프로그램 "노드"를 실행할 수 없음: 오류=2, 해당 파일 또는 디렉토리 없음 (0) | 2023.07.29 |
| 파일 내용 내 문자열 바꾸기 (0) | 2023.07.29 |