jquery - 尝试使用 HTML 类填充表单的主题行

Question

我知道有更好的方法可以做到这一点，但我目前正在尝试使用 Jquery 填充弹出电子邮件表单的主题行，以填充当前元素的给定类名。我已经得到了它可以正确填充的程度，但当我只希望它拉出嵌套按钮的特定名称时，它会转储使用该类的所有名称:

var carname = $('.car-name').text();
$('input[id="email-subject"]').val(carname);

这就是它的 Jquery，我怎样才能得到它，以便它只提取特定元素的名称与所有元素的名称？

谢谢!

****编辑:附加 HTML 信息:****

<div class="featuredcar">
 <img src="images/cars/1065_00.394180.jpg">
  <div class="featuredinfo">
   <h5 class="car-name">1968 Mustang</h5>
   <p>$10,000</p>
   <p><a href="#feat3" id="feat3">More info...</a></p>
   <p class="contact-p">
    <div class="contact-car">
     <i class="fas fa-envelope"></i>&nbsp;Contact Us</div> about this car!</p>
  </div>
</div>

 <div id="contact-car-form">
  <span id="close-form"><a href="javascript:void(0)" onclick="closeForm()">&times;</a></span>
   <h2>Want more Info?</h2>
   <small>I'll get back to you as quickly as possible</small>
   <form action="#">
   <input placeholder="Name" type="text" required />
   <input placeholder="Email" type="email" required />
   <input id="email-subject" placeholder="Subject" type="text" required />

我需要

input id="email-subject"

用来自的文本值填充

<h5 class="car-name">1968 Mustang</h5>

希望这能消除任何困惑。如果还有什么我可以提供的，请告诉我，感谢您的帮助!

Answer 1

此代码将返回按钮父元素的类名。在我的示例中，这是“测试”:

$(".btn").on('click', function(event){
  var carname = $(this).parent().attr('class');
  $('input[id="email-subject"]').val(carname);
});

<div class="test">
  <button class="btn">Click</button>
</div>