Question

我有一个div .content，里面有两个div（.content-1，.content-2）。

.content内的每个div只能有两个段落。

所以，如果所有<div>已经有两个段落，我想创建一个新段落，以便添加新添加的段落。

但是，我有两个问题：

- ＆GT; <div>之间的导航与<div>的

之间的导航之间存在一些问题

- ＆GT;当我点击添加新段落时，<div>已经有两个段落正在添加

我这里有一个工作示例：http://jsfiddle.net/t7o6emuf/2/

HTML：

<div id="container">
    <div class="content">
        <div class="content-1">
            <a class="left" href="">Left</a>
            <a class="right" href="">Right</a>
            <p>P1</p>
            <p>P2</p>
        </div>
        <div class="content-2">
            <a class="left" href="">Left</a>
            <a class="right" href="">Right</a>
            <p>P3</p>
        </div>
    </div>
</div>

jquery的：

$(document).ready(function() {
    $(".left").click(function() {
        $(this).parent().hide();
        $(".content-" + getCurrIndex(this, true)).show();
        return false;
    });
    $(".right").click(function() {
        $(this).parent().hide();
        $(".content-" + getCurrIndex(this, false)).show();
        return false;
    });
});

Answer 1

尝试在"p"

添加return $(this).children("p").length !== 2;

jsfiddle http://jsfiddle.net/t7o6emuf/4/

div之间的导航和div的创建之间的一些问题

1 个答案: