如果值为空，则不要在追加时添加类attr

Question

http://jsbin.com/guvixara/1/edit

我动态添加按钮......

$(".confirm-add-button").on("click", function() {
  var $ctrl = $('<button/>').attr({ class: $('.newbtnclassname').val()}).html($('.newbtntxt').val());
  $(".drawing-area").append($ctrl);
  UpdateView();
});

但是，如果$('.newbtnclassname').val()为空，我不想（如 那样）添加class属性。

如果有人可以提供帮助，我们将不胜感激。

Answer 1

你这样做

$(".confirm-add-button").on("click", function() {
    var klass = $('.newbtnclassname').val(),
        text  = $('.newbtntxt').val(),
        obj   = {};

    if (klass) obj['class'] = klass;
    if (text)  obj['text']  = text;

    $(".drawing-area").append( $('<button />', obj) );
    UpdateView();
});

JSBIN

Answer 2

添加：

  $(".confirm-add-button").on("click", function() {
    var $ctrl = $('<button/>').attr({ class: $('.newbtnclassname').val()}).html($('.newbtntxt').val());
    if($('.newbtnclassname').val() != ""){//add this if statement
      $(".drawing-area").append($ctrl);
    }
    UpdateView();
  });

这是link

Answer 3

您可以使用简单的if条件：

$(".confirm-add-button").on("click", function() {
    var $ctrl = $('<button/>').html($('.newbtntxt').val());
    var cssClass = $('.newbtnclassname').val();
    if (cssClass != "") {
        $ctrl.addClass(cssClass);
    }
    $(".drawing-area").append($ctrl);
    UpdateView();
});