Question

我试图提交一个表格，一个div＆＃39; tweet＆＃39;已被点击。很简单，但我不能让它工作。点击没有任何反应。不要以为我正在导航到正确的选择器。下面的html示例包含许多推文＆＃39;实例，但都具有不同的＆＃34;值＆＃34;我想通过邮件发送

HTML

<div id="tweet">
    <div class="panel-body">
        <div class="row">
            <div class="col-sm-1">
                <form id="posticon" method="POST" action="">
                <input type="hidden" name="srch_term" id="srch_term" value="John">
                </form>
            </div>
        </div>  
    </div>
</div>

jquery的

$(document).ready(function(){
    $(document).on('click', '#tweet', function(){
    $(this).children("#posticon").submit();
    });
});

Answer 1

首先，您可以在页面中使用id一次，因此请改用.tweet类。

其次，jQuery的.children()方法用于获取直接子项（即它不会超过一个级别），因此请使用.find()，而不是一个级别。

$(document).ready(function() {

  $(".tweet").click(function() {
    $(this).find(".posticon").submit();
  });

  //to check if the form was successfully submitted
  $(".posticon").submit(function() {
    var inputValue = $(this).children("input").val();
    alert(inputValue + "'s form was submitted");
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="tweet">
  John's Tweet
  <div class="panel-body">
    <div class="row">
      <div class="col-sm-1">
        <form class="posticon" method="POST" action="">
          <input type="hidden" name="srch_term" id="srch_term" value="John">
        </form>
      </div>
    </div>
  </div>
</div>

<div class="tweet">
  Michael's Tweet
  <div class="panel-body">
    <div class="row">
      <div class="col-sm-1">
        <form class="posticon" method="POST" action="">
          <input type="hidden" name="srch_term" id="srch_term" value="Michael">
        </form>
      </div>
    </div>
  </div>
</div>

有关jQuery网站上.children()和.find()的更多信息。

Answer 2

试试这个：

erttyu

基本Jquery选择器遍历

2 个答案: