2

如何使用 Jquery 获取 div 的内容。

这是我的 HTML:

<div class="DataRow" data-vendorid="67">
    <div class="DataColumn" style="width: 60%;">
        Barracuda
    </div>
    <div class="DataColumn" style="width: 20%; text-align: center;">
        1
    </div>
    <div class="DataColumn" style="width: 20%; text-align: center;">
        2
    </div>
</div>

这是我的jQuery:

$(function () {
    $('.DataRow').click(function () {
        // get value: Barracuda 
    });
});
4

5 回答 5

4
$(function () {
    $('.DataRow').click(function () {
        alert($(this).find(':first-child').text());
    });
});

或者:

$(function () {
    $('.DataRow').click(function () {
        alert($(this).children().first().text());
    });
});
于 2012-05-15T15:28:08.003 回答
3

如果您需要获取单击的 div 的内容,它可能会对您有所帮助。

$(function () {
    $('.DataRow').click(function (event) {

        alert(event.target.innerHTML);
    });
});​

演示 1

如果您只需要获取第一个值:

$('.DataRow').click(function () {
    var first = $(this).children().eq(0).html();
    alert(first);
});​

演示 2

于 2012-05-15T15:31:28.053 回答
1

如果您只需要获取“Baracuda”,即第一个 div 文本,您可以像这样使用 innerHTML:

$(function () {
    $('.DataRow').click(function () {
        // get value: Barracuda 
        alert($(this).children("div")[0].innerHTML);
    });
});​

这是一个例子

于 2012-05-15T15:31:35.057 回答
0

你也可以使用这个:

var value=$(".DataColumn").html();
于 2012-05-15T15:29:08.880 回答
0

要获取第一个孩子的内容:

$('.DataRow').click(function () {
    var first = $(this).children(":first").html();
});

要获取第三个孩子的内容:

$('.DataRow').click(function () {
    var third = $(this).children(":eq(2)").html();
});
于 2012-05-15T15:29:26.060 回答