在按钮上获取division类对象，单击使用html和javascript更改division类的标题 前景 dfdf dfdf

有三个网格，当我单击这三个网格中任何一个上的任何按钮时，该特定网格的标题值必须显示在警报框中。为此，我需要

div

类对象，有人可以帮助解决此问题吗？

在页面中包含jQuery并使用以下代码块

<div class="row">
    <div class="col-sm-4" id="job0">
        <b>
            <h3 id="Name0" >fg</h3>
        </b>
        <button type="button" id="options0" style="display:none;" onclick="someFunction(this.class)" ></button>
    </div>
    <div class="col-sm-4" id="job1">
        <b>
            <h3 id="Name1">dfdf</h3>
        </b>
        <button type="button" id="options1" style="display:none;"></button>
    </div>
    <div class="col-sm-4" id="job2">
        <b>
            <h3 id="Name2">dfdf</h3>
        </b>
        <progress id="lineCoverage2" max="100" style="display:none;"></progress>
        <button type="button" id="options2" style="display:none;" ></button>
    </div>
</div>

---

顺便说一句，我不知道为什么按钮隐藏在你的HTML上

请用相关的HTML和js代码更新问题我不知道如何为此编写js代码。。。。这就是我想知道的，谢谢你的回答你明白这个问题吗？？我正在这些网格中加载数据，如果有人知道如何自动生成用于动态创建网格的代码，请告知，谢谢，但是您知道如何动态生成代码吗？？使用javascript？？您可以使用jQuery动态创建div，并向其附加必要的数据。最好使用一个模板引擎，比如车把。你能给我一个参考资料吗？请在答案中加上$（：button），请让我知道为什么需要$（'：button'）。如果没有，它也可以工作，我有个错误，所以它给了我问题，非常感谢

$(document).ready(function() {
     $('button').on('click', function() {
         alert($(this).closest('div').find('h3').text());
     });
 });