Question

今天我想知道是否有办法获取已被点击的div类并将类名镜像到文本框并将其设置为值。
如果单击了另一个div，请将其替换为该那个。

有没有在JQuery中这样做？

HTML ：

<!DOCTYPE html>
<html>
<head>
<title>Grab Element's DIV</title>
<meta charset='utf-8'>
<meta name='viewport' content='initial-scale=1.0'>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.min.js'></script>
</head>
<body>
  <div class="container">
    <center>
      <p>
        Grab DIV Class Onclick: <input type="text" id="divclass" placeholder="show class name here" />
      </p>

      <div class="wrapper">
        <div class="im-red"></div>
        <div class="blue-foo"></div>
        <div class="green-beans"></div>
      </div>
    </center>
  </div>
</body>
</html>

的JavaScript ：

$(function() {
  $(".wrapper div").click(function() {

  });
});

Answer 1

我认为你在寻找：

$(function() {
  $(".wrapper div").click(function() {
    $("#divclass").val($(this).attr('class'));
  });
});

Live Demo

Answer 2

我建议：

$('.wrapper div').click(function(){
    $('#divclass').val(this.className);
});

JS Fiddle demo

参考文献：

val()。

JQuery：抓取DIV类onClick和镜像到文本框值

2 个答案: