2012-09-16 3 views
0

10 개의 링크가있는 페이지가 있으며 단추를 클릭하면 모든 링크를 열고 싶습니다.jQuery를 사용하여 페이지의 모든 링크를 자동으로 열 수 있습니까?

나를 위해 작동하지 않는 다음 코드를 사용합니다.

<a id="some-id" href="SOShousin3.jpg">Click Here</a><br /> 
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br /> 
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br /> 
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br /><br /> 

<script type="text/javascript"> 
    $('a').click(function() { 
     // assign an event to a.onclick 
     window.open($(this).attr('href')); 
    }); 

    $('ButtonOne').click(function() { 
     // when we press <button>, trigger a.onclick 
     $('a').click(); 
    }); 
</script> 

<button type="button" onclick="ButtonOne">Open Links</button> 
+0

"작동하지 않는다"는 것을 의미하십시오. –

+0

http://stackoverflow.com/a/12443639/1250044 – yckart

답변

1
$('#ButtonOne').click(function() { 
    $('a').each(function() { 
     window.open($(this).attr('href')); 
    }); 
}); 

DEMO

1

이 정말 나쁜 생각처럼 들리 :)하지만, 여기에 당신이 할 수있는 방법은 다음과 같습니다

$('#ButtonOne').click(function() { 
    $('a').each(function(){ 
    window.open($(this).attr('href')); 
    }); 
}); 

당신은 또한 온 클릭 속성을 제거하고 교체해야합니다 id="ButtonOne".

0

선택기가 완전히 잘못되었습니다. 그것은

<button type="button" id='buttonOne'>Open Links</button>​ 
$('#buttonOne').click(function() { 
    // when we press <button>, trigger a.onclick 
    $('a').click(); 
}); 
0
버튼에 대한 당신의 선택이 잘못

, 그들을, 당신이 올바른 선택을 통과해야하고 버튼의 ID를 설정하는 것이 좋습니다,이

<a id="some-id" href="SOShousin3.jpg">Click Here</a><br /> 
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br /> 
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br /> 
<a id="some-id" href="SOShousin3.jpg">Click Here</a><br /><br /> 

<script type="text/javascript"> 
$('a').click(function() { 
// assign an event to a.onclick 
window.open($(this).attr('href')); 
}); 

$('#ButtonOne').click(function() { 
// when we press <button>, trigger a.onclick 
$('a').click(); 
}); 

</script> 
<button type="button" id="ButtonOne">Open Links</button> 
0

에게 당신을 시도 ..해야 $ ('ButtonOne')에서 선택기를 잘못 선택했습니다. 모든 요소를 ​​선택하려고합니다. ButtonOne이 id 인 경우, $ ("button.ButtonOne")을 사용할 수있는 클래스 인 경우 $ ("# ButtonOne")을 사용할 수 있습니다. 그렇지 않으면 다른 두 가지 응답이 맞습니다.

관련 문제