javascript - 使用 jquery 显示时如何将 <a> 标签的名称传递给 <div> 标签？

Question

在我的表单中，当他们单击我的 div 标记的内容时，有 4 个链接使用 jQuery 显示。

我的问题是，当单击链接时，我想将该链接的名称传递给该 div 标记，这怎么可能？

            $("#adduser").click(function() {
              $("#add").toggle("slow");
            });

<div class="box-content" id="adduser">
  <a class="quick-button span2" href="#">
    <i class="icon-group"></i>
    <p>Add Mentors</p>
    <span class="notification green">167</span>
  </a>
  <a class="quick-button span2" href="#">
    <i class="icon-group"></i>
    <p>Add Students</p>
  </a>
  <a class="quick-button span2" href="#">
    <i class="icon-group"></i>
    <p>Add Faculties</p>
  </a>
  <a class="quick-button span2" href="#">
    <i class="icon-group"></i>
    <p>Add Faculty Advisors</p>
  </a>
</div>


<div class="row-fluid sortable " id="add" style="display: none">
  <div class="box span12">
    <div class="box-header" data-original-title>

      <h2><i class="halflings-icon white edit"></i><span class="break"></span>Add new User</h2>
      <div class="box-icon">
        <a href="#" class="btn-minimize"><i class="halflings-icon white chevron-up"></i></a>
        <a href="#" class="btn-close"><i class="halflings-icon white remove"></i></a>
      </div>
    </div>
    <div class="box-content">
      <form enctype='multipart/form-data' method="post" class="form-horizontal" action="">
        <div class="control-group">
          <label class="control-label" for="fileInput">Select file</label>
          <div class="controls">
            <input class="input-file uniform_on" id="file" name="file" type="file">
            <input type="submit" class="blue btn" value="Add">

          </div>
          <br>
          <div class="controls">
            <a href="">Or add single user</a>
          </div>
        </div>

      </form>
    </div>
  </div>
</div>

Answer 1

我刚刚更改了标题以打印出按下的链接名称。

希望有帮助

$(function() {
	$(".quick-button").click(function(event) {
		$("h2").text($(event.target).text());		
		$("#add").toggle("slow");
	}); 
});

<div class="box-content" id="adduser">
  <a class="quick-button span2" href="#">
    <i class="icon-group"></i>
    <p>Add Mentors</p>
    <span class="notification green">167</span>
  </a>
  <a class="quick-button span2" href="#">
    <i class="icon-group"></i>
    <p>Add Students</p>
  </a>
  <a class="quick-button span2" href="#">
    <i class="icon-group"></i>
    <p>Add Faculties</p>
  </a>
  <a class="quick-button span2" href="#">
    <i class="icon-group"></i>
    <p>Add Faculty Advisors</p>
  </a>
</div>


<div class="row-fluid sortable " id="add" style="display: none">
  <div class="box span12">
    <div class="box-header" data-original-title>

      <h2><i class="halflings-icon white edit"></i><span class="break"></span>Add new User</h2>
      <div class="box-icon">
        <a href="#" class="btn-minimize"><i class="halflings-icon white chevron-up"></i></a>
        <a href="#" class="btn-close"><i class="halflings-icon white remove"></i></a>
      </div>
    </div>
    <div class="box-content">
      <form enctype='multipart/form-data' method="post" class="form-horizontal" action="">
        <div class="control-group">
          <label class="control-label" for="fileInput">Select file</label>
          <div class="controls">
            <input class="input-file uniform_on" id="file" name="file" type="file">
            <input type="submit" class="blue btn" value="Add">

          </div>
          <br>
          <div class="controls">
            <a href="">Or add single user</a>
          </div>
        </div>

      </form>
    </div>
  </div>
</div>