これは私のjsfテーブルです:
<h:dataTable value="myBean.rows" var="b">
<h:column>
<div class="slider-range-min">
<h:inputHidden id="buildingId" value="#{b.buildingId}" />
<h:inputHidden id="amount" value="#{b.amount}" />
</div>
</h:column>
</h:dataTable>
ここで、jQuery を介して上記の「div」に JavaScript でアクセスできるとしましょう。
$(this).
inputHidden
この方法で最初の値$(this).children[0].innerHTML
にhiddenInput
アクセスできid(buildingId)
ます: これを達成する方法は?hiddenInputs
children[0]
(13:52:12 16.03.2013)
うーん、あなたの解決策はどれもうまくいきません。これは私のJavaScriptコードです:
$(function() {
$( ".slider-range-min" ).slider({
range: "min",
value: 37,
min: 0,
max: 700,
stop: function( event, ui ) {
var buildingId = $(this).find('#buildingId').val();
console.log(buildingId);
ご覧のとおり、各 div は JQuery UI スライダーです。コンソールは「未定義」を出力します。HTML ドキュメントでは、このテーブルのこれらの入力の 1 つが id: "foodTableForm:foodTable:0:buildingId" で表示されます。ご覧のとおり、これらの ID はテーブルのために変更されています。