Question

需要以一种将要验证的方式将信息从一个类传递到另一个类。目前的方法是一个混乱，但没有验证。我需要将p标签内的文本传递给页面上的另一个元素。现在我使用标签属性传递此信息。超级凌乱。

<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标签的内容，而不是将所有内容放入id＆amp; 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'));
});

使用jquery定位类

1 个答案: