Question

这时我点击了更多信息。我想要一个警告，显示h3标签内的值。我怎样才能做到这一点？？

这是我正在处理的HTML

<div class="col-lg-4 col-xs-6"> 
  <div class="small-box bg-red">
    <div class="inner">
      <h3>Text 1</h3>
      <p>fhjh</p>
    </div>

  <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
  </div>
</div>

Answer 1

所以你想要的是点击小方框页脚链接并提醒“文字1”？

$(document).ready(function(){
    $('.small-box-footer').on('click', function(evt){
         //if you don't want the default event
         evt.preventDefault();
         //show the alert text
         alert($('.inner h3').text());
    })
})

Answer 2

你可以尝试：

$('.small-box-footer').click(function(e){
    var text = $(this).prev().children().first().text();
    console.log(text);
});

Answer 3

当有人点击＆＃34;更多信息＆＃34;

时，您需要为onclick事件设置一个事件监听器。

然后你需要得到最接近的dom查询（你可以向上移动或者从DOM直接转到特定元素......它的价格会更便宜）。

...示例

使用Jquery

$('.small-box-footer').click(function(ev) {
  ev.preventDefault();
  // find the h3
  var text = $('.inner h3').text();
  alert(text);
});

Answer 4

简单地直接抓住h3，跳过遍历：

window.showTitle = function() {
  alert($('h3').text())
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-lg-4 col-xs-6">
  <div class="small-box bg-red">
    <div class="inner">
      <h3>Text 1</h3 
<p>fhjh</p>
</div>
<a href="#" class="small-box-footer" onclick="showTitle()">More info <i class="fa fa-arrow-circle-right"></i>
</a>
</div>
</div>

Answer 5

您可以尝试以下代码

$(document).ready(function(){
    for(var i=0; i<7; i++){
       $("#id_"+i).hover(function(){ // i in this line is 1->7
             alert(i); // i in this line alway is 7 (I want i: 1-7 )
       });
    }
});

Working Demo

单击子节点时需要获取父级div的文本

5 个答案: