如何使用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 
    }); 
});

來源

2012-05-15 Chris Levine

'.DataRow' div中有3個div。你想獲得第一個div值嗎？如果你想梭子魚，你可以使用：首先在兒童和獲得它.text（） –

已經全部回答：[如何在元素中找到一個元素]（http://stackoverflow.com/questions/7386100/how -to-找到-AN-元件中之一個元件）。 jQuery [selector]（http://api.jquery.com/category/selectors/）和[遍歷]（http://api.jquery.com/category/traversing/tree-traversal/）包含有關所有您可以使用的方法來查找某個元素。然後看看[選擇內部文本（jQuery）]（http://stackoverflow.com/questions/1644342/select-inner-text-jquery）。 –

我覺得這是最初的重複，但考慮到他在子div上沒有獨特的類，我認爲這對於JQuery初學者來說是一個棘手的問題，並且在如何解決/什麼關鍵字方面不是很明顯在零開始。 –

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

或者：

$(function() { 
    $('.DataRow').click(function() { 
     alert($(this).children().first().text()); 
    }); 
});

來源

2012-05-15 15:28:08 xandercoded

這裏是Xander的答案：http://jsfiddle.net/jW4Q2/ –

你也可以使用此：

var value=$(".DataColumn").html();

來源

2012-05-15 15:29:08

爲了得到第一子項的內容：

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

要獲得第三子項的內容：

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

來源

2012-05-15 15:29:26 VisioN

如果您需要獲得點擊的內容它可能會幫助你。

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

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

DEMO 1

如果需要只得到第一個值：

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

DEMO 2

來源

2012-05-15 15:31:28

如果您需要獲得唯一的「Baracuda」，即第一個div中文字，你可以像這樣使用innerHTML：

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

這是example。

來源

2012-05-15 15:31:35

你在URL中的例子是絕對錯誤的。請修改它。 –

如何使用jquery獲取div的值

回答

相關問題