一次超过一个值?

时间:2013-04-14 22:29:34

标签: javascript ajax

是否有方法一次包含多个值。首先,这是脚本:

$(document).ready(function() {
    $('.edit_link').click(function() {
        $('.text_wrapper').hide();
        var data=$('.text_wrapper').html();
        $('.edit').show();
        $('.editbox').html(data);
        $('.editbox').focus();
    });

    $(".editbox").mouseup(function() {
        return false
    });

    $(".editbox").change(function() {
        $('.edit').hide();
        var boxval = $(".editbox").val();
        var dataString = 'data=' + boxval;
        $.ajax({
            type: "POST",
            url: "update_profile_ajax.php",
            data: dataString,
            cache: false,
            success: function(html) {
                $('.text_wrapper').html(boxval);
                $('.text_wrapper').show();
            }
        });
    });

    $(document).mouseup(function() {
        $('.edit').hide();
        $('.text_wrapper').show();
    });
});

我想拥有多个字段。我想一次编辑多个条目,而不是简单地为每个不同的值重写代码。有没有办法可以将它们包含在代码中?我试过这个,但没有运气:

$('.edit_link','.edit_link2','.edit_link3').click(function() {
    $('.text_wrapper','.text_wrapper2','.text_wrapper3').hide();
    var data=$('.text_wrapper','.text_wrapper2','.text_wrapper3').html();

希望你明白我的意思,我希望包含更多的价值,但不能实现这一点,是否有人有一些建议或简单的方法来做到这一点?

1 个答案:

答案 0 :(得分:1)

将所有内容放在一个字符串中,例如:

$('.text_wrapper, .text_wrapper2, .text_wrapper3').hide();

但是你无法同时在多个元素上用html()读出值。

所以例如使用:

data = $('.text_wrapper').html();
data += $('.text_wrapper2').html();
data += $('.text_wrapper3').html();

但这取决于你最终想要的数据。