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();
});

3 番目の子の内容を取得するには:

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