单击neibour元素时触发单击

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>