通过锚点获取段落文本和值（Jquery）

Question

我需要获得段落价值＆amp;单击锚标记上的文字

<div class="tags-group inner-box">
    <p value="1">abc university <a href="#" class="cross"></a></p>
    <p value="2">xyz university <a href="#" class="cross"></a></p>
</div>

Answer 1

你可以

//dom ready handler
jQuery(function($) {
  //click handler for the anchor element
  $('.tags-group .cross').click(function() {
    //find the `p` element of the anchor
    var $p = $(this).parent(),
      //read the p elements value attribute
      value = $p.attr('value'),
      //read the `p` element's text
      text = $p.text();
    alert(value + ':' + text)
  })
})

a.cross {
  display: inline-blick;
  line-height: 20px;
  padding: 0 10px;
  border: 1px solid red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="tags-group inner-box">
  <p value="1">abc university
    <a href="#" class="cross"></a>
  </p>
  <p value="2">xyz university
    <a href="#" class="cross"></a>
  </p>
</div>

Answer 2

$(".inner-box .cross").click(function()
{
  var paragrapthValue = $(this).parent().val();
}

Answer 3

以下是一个示例：http://jsfiddle.net/davidzapata/hqnur3k6/

$('.cross').click(function(evt){
    evt.preventDefault();
    var theP = $(this).closest('p');
    console.log('The P value:', theP.attr('value'));
    console.log('The P text:', theP.text());
});