javascript - 使用 jquery 定位类

Question

需要以一种可验证的方式将信息从一个类传递到另一个类。目前的方法是一团糟——有效但无法验证。 我需要将 p 标记内的文本传递到页面上的另一个元素。现在我正在使用标签属性来传递此信息。 super 困惑。

<div class="element-item">
 <div class="text-panel">
  <div class="text-cell">
  <a class="ajax" href="ajax/bkdesks.html" id="Brooklyn Desks" dir="BROOKLYN, NY">
<p class="link"><img src="img/chainlink.png" width="60" height="60" alt="link"  alt=""/></p>
<p class="name">Brooklyn Desks</p>
<p class="dir">Brooklyn, NY</p>
</a>
</div>
</div>

然后是 jQuery:

$('.ajax').click(function(e) {
    e.preventDefault();
$('#projects-head .titlehead').text($(this).attr('id'));
$('#projects-head .subhead').text($(this).attr('dir'));
$('#project').load($(this).attr('href'));
});

titlehead 和 subhead 是页面上内容被替换的其他元素。我宁愿抓取下面 p 标签的内容，也不愿将所有内容放在 a id & dir 中。但我无法找出 jquery 来定位它们。

Answer 1

p.name 和 p.dir 元素是单击的 .ajax 元素的后代元素，因此您可以使用 .find()

$('.ajax').click(function (e) {
    e.preventDefault();var $this = $(this);
    $('#projects-head .titlehead').text($(this).find('.name').html());
    $('#projects-head .subhead').text($(this).find('.dir').html());
    $('#project').load($(this).attr('href'));
});