javascript - 如何在具有相同类但多个 div 的 Div 中选择文本

Question

我需要你的帮助。为了得到一些东西，我试过从提要和博客中提取信息，但它不受信任。 这是我的代码...

<div class="select_obj">
    <h4>Promote Channel</h4>
</div>
<div class="select_obj">
    <h4>Increase Conversion on Site</h4>
</div>
<div class="select_obj">
    <h4>Increase Conversion on App</h4>
</div>
...
<div class="select_obj">
    <h4>Get Video View</h4>
</div>

如何在点击的 h4 中选择和获取文本。 我只是不知道如何开始，请我需要你们的帮助。谢谢。

Answer 1

使用javascript

function getTxt(x){
    alert(x.innerHTML);  
}

<div class="select_obj">
    <h4 onclick="getTxt(this);">Promote Channel</h4>
</div>
<div class="select_obj">
    <h4 onclick="getTxt(this);">Increase Conversion on Site</h4>
</div>
<div class="select_obj">
    <h4 onclick="getTxt(this);">Increase Conversion on App</h4>
</div>
...
<div class="select_obj">
    <h4 onclick="getTxt(this);">Get Video View</h4>
</div>

使用 jquery 的简单解决方案

$(".select_obj").click(function(){
    //to get the content  
    var txt=$(this).children("h4").text();
    alert(txt);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="select_obj">
    <h4>Promote Channel</h4>
</div>
<div class="select_obj">
    <h4>Increase Conversion on Site</h4>
</div>
<div class="select_obj">
    <h4>Increase Conversion on App</h4>
</div>
...
<div class="select_obj">
    <h4>Get Video View</h4>
</div>