Question

点击报告按钮时我需要获得评论ID（我想得到评论-6）现在，当我点击“报告”时，它会显示一个带有表单的模式框。

    <div class="comment-box medium-comment" id="comment-6">
        <div class="photo-box">
        <img src="img/samples/photo_1.jpg" alt="" class="photo rounded"/>
        <a href="#" title="" class="corner rounded"></a>
        </div>
        <div class="avatars">
        <a href="#" title="">
            <img src="img/samples/followers/1.jpg" alt=""/>dearskye
        </a>
        <span>commented on</span>
        <a href="#" title="">
            <img src="img/samples/followers/2.jpg" alt=""/>Antony12
        </a>
        </div>
        <div class="comment rounded">
        <div class="bg-tl"></div>
        <div class="text">Happy golden days of yore
                  Happy golden days of yore Happy golden days 
             of yore</div>
        <div class="buttons">
           <a href="#" title="" class="report">REPORT</a>
        </div>
        </div>
        <div class="cinfo">
        2 дня назад
        </div>
        <div class="both"></div>
    </div>

点击

<a href="#" title="" class="report">REPORT</a>

调用jquery

jQuery('a.report').bind('click', function(event) {
    showModalWindow('report-window');
});

和功能

function checkReportForm(form)
{
var result=true;
var select=jQuery("#report-window select");
var textarea=jQuery("#report-window textarea");

if(textarea.hasClass('default'))
{
    //Save placeholder
    textarea.data('placeholder', textarea.text());
    textarea.toggleClass('default');
}
textarea.attr('class','rounded');

if(select.val()==0)
{
if(textarea.val()==''||textarea.val()==textarea.data('placeholder'))
{
    result=false;
    textarea.toggleClass("alert");
}
}
if(result)
{
closeModalWindow('report-window');
}

我试着这样做，但没有。我想有可能否则会考虑改变代码。我希望有人能帮助我。

Answer 1

如果我理解正确，以下内容应该为您获取评论ID：

$(".report").click(function() {
    var $box = $(this).parents(".comment-box");
    var commentId = $box.attr("id").replace("comment-", "");

    // commentId contains 6
    // call showModalBox and do whatever you want
});

Answer 2

您可以使用closest获取包含所需类的最近元素并获取其ID。试试这个。

jQuery('a.report').click(function() {
    var $commentBox = $(this).closest(".comment-box");
    var id = $commentBox.attr('id').replace('comment-', '');
    alert(id);//It will alert the comment id

    //Store the comment id in report window
    $('#report-window').data('commentid', id);
});

现在使用$('#report-window').data('commentid')获取checkReportForm方法中的当前提交ID。

Answer 3

当this上下文是您的报告链接时：

var id = Number(this.parentNode.parentNode.id.substring(8));

通过单击Jquery上的按钮获取内容ID（最大）

3 个答案: