Question

我正在使用Wordpress。

帖子很多，每个帖子都有一个用户的电子邮件地址。

我已经安装了PopUp表单。因此，每封电子邮件旁边都有一个按钮“电子邮件作者”。

PopUp表单具有如下输入字段：

发送至：这应该是帖子中的电子邮件
您的电子邮件：
消息
发送按钮

我需要的是获取电子邮件地址，并将其（如真实值）插入到用户单击帖子“电子邮件作者”中的按钮时，在PopUp的“发送至：”输入字段中。

如何使用jQuery和JavaScript？

这是帖子的代码：

<article id="post-3889"
    class="post-3889 post type-post status-publish format-aside hentry category-sex post_format-post-format-aside">
    <div class="aside">
        <h1 class="entry-title">
            <a href="http://example.com/2020/04/01/%d1%82%d0%be%d1%80/" rel="bookmark">
                Looking for a girl!
            </a>
        </h1>
        <div class="entry-content">
            <p>I am alone and looking for girls in CA.</p>
            <ul class="wpuf_customs">
                <li class="Age">
                    <label>Age</label>: <span>24</span>
                    <a href="" class="dop sendMessage popmake-se pum-trigger" style="cursor: pointer;">write</a>
                </li>
                <li class="Parameters">
                    <label>Your parameters</label>: <span>190.70.19</span>
                    <a href="" class="dop sendMessage popmake-se pum-trigger" style="cursor: pointer;">text</a>
                </li>
                <li class="Goal">
                    <label>Goal</label>: <span>Chat</span>
                </li>
                <li class="E-mail">
                    <label>E-mail</label>: <span>
                        <a href="mailto:samplemail@gmail.com">samplemail@gmail@gmail.com</a>
                    </span>
                    <a href="" class="dop sendMessage popmake-se pum-trigger" style="cursor: pointer;">
                        Email Author of the Post!
                    </a>
                </li>
            </ul>
        </div>
        <!-- .entry-content -->
    </div>
    <!-- .aside -->

    <footer class="entry-meta">
        <div class="cols">
            <a href="http://example.com/2020/04/01/%d1%82%d0%be%d1%80/" title="Permanent link: Looking for a girl!"
                rel="bookmark">5 hours ago</a>
        </div>
        <div class="cols comentz"></div>
        <div class="cols"></div>
    </footer>
    <!-- .entry-meta -->
</article>

以下是PopUp表单的外观：

<p>
    <label>Send to:<br>
        <span class="wpcf7-form-control-wrap to-email">
            <input type="email" name="to-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false">
        </span>
    </label>
</p>

Answer 1

如果表单始终出现在页面的某个位置，则此代码将起作用。

$(".sendMessage").click(function(e){

   console.log($(this));

  e.preventDefault();
    var insertTo = $("input[name='to-email']");

  var email = $(this).parent().find('a[href*="mailto"]').text();
  console.log(email);

  insertTo.val(email);

});

说明：

为所有 sendMessage
在页面上输入属性 name ='to-email'
从最近链接获取电子邮件，该链接的href属性包含“ mailto” ...。此步骤非常重要，因为您将在页面中看到很多帖子，并且需要从输入中选择合适的一个。
只需将电子邮件插入输入中即可。

希望能为您提供正确的方向。

签出此jsfiffle进行测试：https://jsfiddle.net/du03hek7/

将文本插入弹出字段（文本输入）

1 个答案: