0

我的一切都在 html 和 jquery 中工作，但我需要做的是分配并附加一个数字，以使唯一 id 与 Repeater 字段一起工作。这是我所拥有的HTML CSSand jquery。有没有办法将一个唯一的数字（如 1 或 2...）附加到#expandid的末尾html，用jQuery？

这是我在你们的帮助下得到的代码：

    #expand-1 .bio-pic2, #expand-2 .bio-pic2 {
    position:absolute;
    top:0;
    left:0;
}
#expand-1, #expand-2 {
    position:absolute;
    width:1000px;
    border: 1px solid black;
    display: none;
    background-color:#ffffff;
    z-index:9999;
   height:323px;
}
.bio-pic2 img {
    position:absolute;
    top:0;
    left:0;
    width:323px;
}
.testimonial {
    position:absolute;
    top:333px;
    left:0;
    font-size:15px;
}
.desc {
    position:absolute;
    top:10px;
    left:333px;
}
.bio-pic {
    float:left;
    cursor: pointer;
    z-index:9998;
    margin:0 5px 0 0;
}
<div id="expand-1">
    <div class="test">
        <div class="bio-pic2">
            <img src="http://www.brent-ransom.com/photo-img.jpg" />
            <div class="bio-nt">
                    <h2>Name</h2>

                    <h3>Position</h3>

            </div>
        </div>
        <div class="testimonial">A testimonial!</div>
    </div>
    <div class="desc">This is a paragraph of text.</div>
</div>
<div id="img-1" class="bio-pic">
    <img src="http://www.brent-ransom.com/photo-img.jpg" />
</div>
<div id="expand-2">
    <div class="test">
        <div class="bio-pic2">
            <img src="http://brent-ransom.com/photo2-img.jpg" />
            <div class="bio-nt">
                    <h2>Name</h2>

                    <h3>Position</h3>

            </div>
        </div>
        <div class="testimonial">A testimonial!</div>
    </div>
    <div class="desc">This is a paragraph of text.</div>
</div>
<div id="img-2" class="bio-pic">
    <img src="http://brent-ransom.com/photo2-img.jpg" />
</div>
$(".bio-pic").click(function (e) {
    e.stopPropagation();
    //$('.bio-pic2').toggle("slow");
    var menu = $("#expand-"+$(this).attr("id").split("-")[1]);
    $(menu).show().animate({
        width: 500
    }, 1000);
});
$("#expand-1, #expand-2").click(function () {
    $(this).animate({
        width: 0
    }, 1000, function () {
        $(this).hide();
    });
})

这是 jsfiddle http://jsfiddle.net/BrentRansom/h64CZ/4/的链接

4

1 回答 1

0

换个身份证...

var myNum = 3;
$('#expand').attr('id', 'expand' + myNum);
于 2013-10-03T20:32:16.347 回答