Question

我编写以下代码来生成<h3>标记：

@foreach (var item in ViewBag.adslList)
{
    <div class="flip">
        <div class="front">
            <h3>@item.Count</h3>
        </div>
        <div class="back">
            <h3>@item.Price</h3>
            <button type="button" id="buyBTN"  name=@item.Count class="btn btn-success">خرید</button>
        </div>
    </div>
}

我想在这个jquery代码中写一些东西：

$(document).ready(function () {
    $("#buyBTN").click(function () {
        ....
    });
});

想要在用户点击buyBTN <h3>和@item.Count的{{1}}展示时。我如何为此目的编写代码？

Answer 1

您的id循环在<button>元素中生成无效的html（重复的@foreach (var item in ViewBag.adslList) { <div class="flip"> <div class="front"> <h3>@item.Count</h3> </div> <div class="back"> <h3>@item.Price</h3> <button type="button" class="buyBTN" name=@item.Count class="btn btn-success">خرید</button> </div> </div> } $('.buyBTN').click(function () { var container = $(this).closest('.flip'); // Get the text in the h3 elements var count = container.children('.front').children('h3').text(); var price = container.children('.back').children('h3').text(); });属性。请改用类名，以便使用相对选择器

<button>

或者，您可以使用data-*属性

将值存储在

<button type="button" class="buyBTN" data-count="@item.Count" data-price="@item.Price" name=@item.Count class="btn btn-success">خرید</button>

元素中

$('.buyBTN').click(function () {
    var count = $(this).data('count');
    var price = $(this).data('price');
});

并使用

获取它们

require_once BASEPATH.'core/Controller.php';
require_once APPPATH.'core/MYCI_Controller.php';

Answer 2

你基本上必须访问不同div中的h3元素的值。你可以在jQuery中轻松实现。

假设您在$（document）.ready（）事件中实现此功能，您需要使用类似于：

的内容

 $(document).ready(function()
{
    alert($(".front h3").text());
    alert($(".back h3").text());
})

由于您想要访问按钮单击事件中的h3元素的值：

 $("#buyBTN").click(function () {
       var count=$(".front h3").text();
       var price=$(".back h3").text();

    });

如何在jquery中获取h3标签文本值？

2 个答案: