【问题标题】:How do I collect data from a div to use in a form如何从 div 收集数据以在表单中使用
【发布时间】:2011-09-08 14:53:40
【问题描述】:

我必须首先承认我对 jQuery 不是超级精通。我正在尝试构建一个消息传递系统。我有一个包含唯一信息的消息流,这些信息分为具有唯一标识符的 div。这些 div 还包含我希望传递给表单的其他信息。每个 div 中都有一个启动函数的链接。该功能是发起一个ajax请求来获取一个表单。

如何动态生成这些链接以从其父 div 收集数据并将其插入到我请求的表单中?以下是消息的一些代码:

<div id="4000" class="message messages">
<a name="messagestamp_#"></a>
<table border="0" cellpadding="0" cellspacing="0" class="messagetable">
<tr>
    <td valign="top" width="80" rowspan="3">
        <div class="usr">
            UsrName
        </div>
    </td>
    <td class="message_data" valign="top" width="100%"> 
        <div class="message_header">
            <ul>
                <li class="ticker">...</li>
            </ul>
        </div>
    </td>
</tr>
<tr>
<td valign="top">
        <div class="tweet_content">
            <div class="tweet_text" class="">Some words will flow here. And here is another line. The standard carrige return will now cause a wrap to another line.
            </div>
        </div>  
    </td>
</tr>
<tr>
    <td>
        <div class="message_toolswrapper">  
        <div class="message_timestamp show">
            Aug 13th at 6:34am
        </div>
        <div class="message_tools hide">    
            <span class="message_social">
                <ul>
                    <li>...</li>
                </ul>
            </span>     
            <span class="message_options">
                <a href="#" id="reply_link">reply</a> |
            </span>     
        </div>
        </div>  
    </td>
</tr>
</table>
</div>

我希望收集的数据是初始 div 标签中的 id 以及分类为“usr”的内容 div 标签。我希望使用的链接是 href "reply_link。

该链接已经做了很多事情,例如更改 div 的可见性并隐藏所有其他内容。我还需要它,将此信息传递给我的表单。它目前正在使用 .load Ajax 方法。

任何帮助将不胜感激。谢谢。

【问题讨论】:

    标签: forms jquery


    【解决方案1】:
    var linkval = $("#reply_link").attr('href');
    var userName = $('.usr').html();
    var id = $('.messages').attr('id');
    

    【讨论】:

    • 这让我可以收集信息......太棒了。然后如何将其发送到 ajax 加载的表单中?这样当我的用户在回复表单上点击发送时,此信息也会在发送之前发送并显示在表单中?非常感谢。
    猜你喜欢
    • 2016-11-05
    • 2021-11-11
    • 1970-01-01
    • 2018-11-23
    • 1970-01-01
    • 2012-11-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多