Question

我试图创建一个应用程序，而它通过一个网页运行并找到一个href属性，但是现在我想找到href属性，并提醒我链接。

我是JQuery的新手，但我试图通过Fiddle运行以下内容，但我似乎无法让它运行：

＆＃13;

   $('soundTitle__tag sc-tag sc-tag-small').on("click", function() {
      var self = $(this);
      var link = self.find("a").attr('href');
      alert(link);
    })

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="link-redirect">
      <div class="soundTitle__tagContainer">
        <a class="soundTitle__tag sc-tag sc-tag-small" href="/home">1</a>
      </div>
      <div class="soundTitle__tagContainer">
        <a class="soundTitle__tag sc-tag sc-tag-small" href="/home">2</a>
      </div>
</div>

＆＃13;

Answer 1

table_name

当您点击 soundTitle__tagContainer 时，它会找到最近的锚标记

SELECT update_time 
FROM information_schema.tables 
WHERE table_schema='my_db' and table_name='my_table';
-- For table named 'my_table' in database 'my_db'

Answer 2

如果你的选择器是带有三个类的锚标签，那么

$('.soundTitle__tag.sc-tag.sc-tag-small')会这样写。或者只有$('.soundTitle__tag')。使用.className选择一个带有类的元素

event.preventDefault();用它来破坏锚标记的默认行为。这样可以防止链接跟踪URL

$('.soundTitle__tag.sc-tag.sc-tag-small').on("click", function(event) {
      event.preventDefault();
      var self = $(this); 
      var link = self.attr('href');
      alert(link);
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="link-redirect">
      <div class="soundTitle__tagContainer">
        <a class="soundTitle__tag sc-tag sc-tag-small" href="/home">Link-1</a>
      </div>
      <div class="soundTitle__tagContainer">
        <a class="soundTitle__tag sc-tag sc-tag-small" href="/home">Link-2</a>
      </div>
</div>

Answer 3

＆＃13;

$(function(){
  $('.soundTitle__tag.sc-tag.sc-tag-small').on("click", function(e) {
    e.preventDefault();
    var link = $(this).attr('href');
    alert(link);
  })
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="link-redirect">
  <div class="soundTitle__tagContainer">
    <a class="soundTitle__tag sc-tag sc-tag-small" href="/home">link 1</a>
  </div>
  <div class="soundTitle__tagContainer">
    <a class="soundTitle__tag sc-tag sc-tag-small" href="/home">link 2</a>
  </div>

＆＃13;

有些人指出，这个将成为点击处理程序中的链接。您也可能不需要这样一个详细的选择器，因为它会在您的脚本和DOM之间创建更紧密的耦合，但我保持原样（添加了类选择器）以进行演示。

Answer 4

$('.link-redirect a').each(function () {
  var $href = $(this).attr('href');
  if ($(this).is([href="/home"]) {
    alert($href);
  }
});

检查一下:)它可以帮到你。

如果不起作用，只需将if语句更改为：

$href

没有任何是，有blablabla。如果有效，给出答案。

如何在每个类中找到href属性？

4 个答案: