发送类的值 - jQuery

Question

我能够获取OPTION元素的css类名，然后使用jQuery将其添加到输入字段吗？

我现在有这个：

  var classChecker = $('#amount').attr('class');
  $("#classBox").html("<b>$</b> " + 
              classChecker);

虽然这只是给了我：$ undefined

Answer 1

是。

是的，你能够。

为什么问？

---

侧点：

$('#inputselector').val($('#optionselector').attr('class'));

Answer 2

您可以使用以下内容获取元素的类：

$('selector').attr('class');

（您可以使用 .attr() 或.prop()来完成此操作）

如果您想自动执行此操作，例如在选择时将其添加到输入中：

$("[SelectElement]").change(function(){
    $("[InputElement]").val($(this + ":selected").attr('class'));               
});

<强> Working Example

Answer 3

是的，这是可能的。

var optionclass = $('option').prop('class');
$('input').addClass(optionclass);

如果您使用的是jQuery 1.7+，则需要使用prop。如果您<1.7，则使用attr。

如果您发布html，则可以设计出针对您的用例的更具体的答案。

Answer 4

var className = $('option#someid').attr('class');
$('input#someid').addClass(className);

Answer 5

只是为了切断这些诙谐的答案并给你一个例子：

$("input#id").addClass($("option#id").prop("class"));

Answer 6

如果由于.attr('class')而导致未定义，那将是因为该元素没有指定类...