當我單擊鄰居元素時觸發點擊

Question

嗨，我想在單擊input類型提交時下載。 這是我的代碼

<input type="submit" value="Try a sample" class="wpcf7-form-control wpcf7-submit">

<a href="<?php echo get_template_directory_uri()?>/pdf/AttackonNantucket.pdf" class="ddownload-button" download>Ram</a>

Answer 1

您需要這樣做。

$('input[type="submit"]').on('click', function(){
  $(this).next().get(0).click();
})

點擊submit ， trigger click下一個元素，在這種情況下是hyper link 。

當您在href上有一個課程時，您也可以這樣做。

$('input[type="submit"]').on('click', function(){
  $('.ddownload-button').get(0).click();
})

 $('input[type="submit"]').on('click', function() { $(this).next().get(0).click(); }) $('a').on('click', function() { alert('Ram clicked') }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="submit" value="Try a sample" class="wpcf7-form-control wpcf7-submit"> <a href="<?php echo get_template_directory_uri()?>/pdf/AttackonNantucket.pdf" class="ddownload-button" download>Ram</a>