Question

我有这个剧透代码。

HTML：

<input type='button' class="splLink" value='Show'>
<div class="splCont">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br />
    <input type='button' class="splLink" value='Show'>
    <div class="splCont">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br />
        <input type='button' class="splLink" value='Show'>
        <div class="splCont">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
        </div>
    </div>
</div>

JavaScript的：

$(document).ready(function() {
    $(".splLink").click(function() {
        $(this).next().slideToggle("fast");
        $(this).val($(this).val() == 'Show' ? 'Hide' : 'Show'); 
        return false; 
    });
});

CSS：

.splCont {
    display: none; 
    padding-top: 10pt;
}
.splLink {
    font-family: arial, verdana, ms sans serif;
    cursor: pointer;
}

示例：JSFIDDLE

任何人都可以告诉我如何在代码中添加按钮的默认值，我可以在没有值属性的html中使用剧透？这样的事情：

<input type='button' class="splLink">
<div class="splCont">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
</div>

Answer 1

我会将它们全部设置为正在加载的东西。

$('.splLink').load(function() {
    $(this).val("Show");
})

JSFIDDLE

集成到您现有的初始化中：

$(document).ready(function() {
    $(".splLink").click(function() {
        $(this).next().slideToggle("fast");
        $(this).val($(this).val() == 'Show' ? 'Hide' : 'Show'); 
        return false; 
    }).val("Show");
});

Answer 2

在HTML中，设置按钮值的方法是使用value属性。如果您不想使用它，可以使用jQuery val()方法以编程方式设置默认值：

$('input.splLink').val('My Value');

如何在扰流板中设置按钮的默认值？

2 个答案: