使用event.target按标记名称获取元素

时间:2017-06-28 08:30:51

标签: javascript

如何使用UIColor.clear.cgColor

在javascript的点击事件中获得<li>的第一个孩子<span>

2 个答案:

答案 0 :(得分:3)

var aEl = event.target.querySelector('a')

//Using jQuery
$(".jq").click(function(event){
  var aTag = event.target.querySelector("a");
  console.log(aTag.innerHTML);
  return false;
});

//Using vanilla Javascript
function clicker(event){
    var aTag = event.target.querySelector("a");
    console.log(aTag.innerHTML);
    return false;
}

document.querySelector("span.vanilla").addEventListener("click",clicker,false);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="jq">
Using jQuery
<a href="#">First jQuery Link</a>
<a href="#">Second Link</a>
</span>
<br/><br/><br/>
<span class="vanilla">
Using only Javascript
<a href="#">First Vanilla jQuery Link</a>
<a href="#">Second Vanilla Link</a>
</span>

答案 1 :(得分:0)

您可以使用此

在剧本

<script>
    function myFunction(elmnt) {
        var li = elmnt.querySelector('a:first-child');        
    }
</script>

关于HTML

    <span  onclick="myFunction(this)">

   <a href="#">Sampe1</a>
    <a href="#">Sample2</a>

    </span>