在最后一个Dialog模式上隐藏下一个按钮

时间:2017-01-09 06:06:28

标签: javascript jquery css css3

我的HTML看起来像这样

<div id="" class="modalDialog">
<div>   
    <form role="form" class="registration-form" >    
        <fieldset>
            <div id="outerr">
                <div class="innerr"><button type="button" class="btn btn-next">Next</button></div>
            </div>
        </fieldset>
        <fieldset>
            <div id="outerr">
                <div class="innerr"><button type="button" class="btn btn-next">Next</button></div>
            </div>
        </fieldset>
        <fieldset>
            <div id="outerr">
                <div class="innerr"><button type="button" class="btn btn-next">Next</button></div>
            </div>
        </fieldset>                    
    </form>
</div>
</div>
<div id="" class="modalDialog">
<div>   
    <form role="form" class="registration-form" >    
        <fieldset>
            <div id="outerr">
                <div class="innerr"><button type="button" class="btn btn-next">Next</button></div>
            </div>
        </fieldset> 
        <fieldset>
            <div id="outerr">
                <div class="innerr"><button type="button" class="btn btn-next">Next</button></div>
            </div>
        </fieldset>                   
    </form>
</div>
</div>
<div id="" class="modalDialog">
<div>   
    <form role="form" class="registration-form" >    
        <fieldset>
            <div id="outerr">
                <div class="innerr"><button type="button" class="btn btn-next">Next</button></div>
            </div>
        </fieldset>                    
    </form>
</div>

我想隐藏每个模态对话框的最后一个字段集的下一个按钮。任何人,请建议我。我是jquery的新手,之前没有做过这种事。我编码学习,有时我陷入困境。

5 个答案:

答案 0 :(得分:0)

Rahul css的回答是正确的但是如果你要使用jquery这里是代码

$(".modalDialog button:last-child").hide();

答案 1 :(得分:0)

试试这个 简单的方法在CSS代码中

button {
visibility: hidden
}

答案 2 :(得分:0)

在最后一个元素使用中隐藏btn&#34; last-child&#34;选择

.modalDialog:last-child .btn.btn-next {
    display: none;
}

请参阅fiddle

答案 3 :(得分:0)

:last-child选择器匹配其父级的最后一个子元素,因此您可以选择最后一个form元素并使用display:none隐藏它。

你可以read more about :last-child here

注意:您在HTML中使用重复ID(id =“outerr”),这可能会使您的标记无效并产生一些问题,请考虑在您的真实应用中更正此问题。

.modalDialog:last-child form {
    display: none;
}
<div id="" class="modalDialog">
<div>   
    <form role="form" class="registration-form" >    
        <fieldset>
            <div id="outerr">
                <div class="innerr"><button type="button" class="btn btn-next">Next</button></div>
            </div>
        </fieldset>
        <fieldset>
            <div id="outerr">
                <div class="innerr"><button type="button" class="btn btn-next">Next</button></div>
            </div>
        </fieldset>
        <fieldset>
            <div id="outerr">
                <div class="innerr"><button type="button" class="btn btn-next">Next</button></div>
            </div>
        </fieldset>                    
    </form>
</div>
</div>
<div id="" class="modalDialog">
<div>   
    <form role="form" class="registration-form" >    
        <fieldset>
            <div id="outerr">
                <div class="innerr"><button type="button" class="btn btn-next">Next</button></div>
            </div>
        </fieldset> 
        <fieldset>
            <div id="outerr">
                <div class="innerr"><button type="button" class="btn btn-next">Next</button></div>
            </div>
        </fieldset>                   
    </form>
</div>
</div>
<div id="" class="modalDialog">
<div>   
    <form role="form" class="registration-form" >    
        <fieldset>
            <div id="outerr">
                <div class="innerr"><button type="button" class="btn btn-next">Next</button></div>
            </div>
        </fieldset>                    
    </form>
</div>

答案 4 :(得分:0)

这应该是。

import re

log_records = ["10/10/1960, 10:50 AM - logs",
               "5/15/2001, 23:11 a.m. - logs",
               "50/100/1069 300:100 - logs"]
parsed_records = []

date_month_year_ptrn = r"((\d+/){2,2}\d+)"
time_ptrn = r"(\d+:\d+)"
morning_evening_ptrn = r"((\w+\.?)+)?"
everything_else_ptrn = r"(.*)"

log_record_ptrn = "^{date_ptrn},?\s+{time_ptrn}\s+{morn_even_ptrn}\s*-\s+{log_msg}$"
log_record_ptrn = log_record_ptrn.format(date_ptrn=date_month_year_ptrn,
                                         time_ptrn=time_ptrn,
                                         morn_even_ptrn=morning_evening_ptrn,
                                         log_msg=everything_else_ptrn)

def extract_log_record_from_match(matcher):
    if log_record_match:
        # I am pretty sure you can attach names to these numbers
        # but not sure how to do this
        date_time = log_record_match.group(1)
        time_ = log_record_match.group(3)
        am_pm = log_record_match.group(4)
        log_message = log_record_match.group(6)
        return date_time, time_, am_pm, log_message
    return None

def print_records(records):
    for record in parsed_records:
        if record:
            print(record)


for log_record in log_records:
    log_record_match = re.search(log_record_ptrn, log_record, re.IGNORECASE)
    parsed_records.append(extract_log_record_from_match(log_record_match))

print_records(parsed_records)

这是解决我问题的代码。