javascript - 当我点击相邻元素时触发点击

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();
})

单击提交，触发下一个元素的单击，在本例中为超链接 .

由于您有关于 href 的类(class)，因此您也可以执行此操作。

$('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>