通过其父div id获取输入值。

Question

我有以下标记：

​

(function( $ ) {
	'use strict';

	function format_number_two_decimal(number) {
		return parseFloat(Math.round(number * 100) / 100).toFixed(2);
	}

	function calculartotal(){
		var importe_neto = document.getElementById("acf-field_58c13e2ed4e42").value;
		var importe_total = importe_neto * 1.21;
		importe_total = format_number_two_decimal( importe_total) ;

		$("input#acf-field_58c142a090f58").val( importe_total );
		$("input#acf-field_58c13e2ed4e42").val( format_number_two_decimal( importe_neto ) );

    //debug purposes
		console.log( importe_neto );
	};

	$(document).on('change', 'input#acf-field_58c13e2ed4e42', function () {
		calculartotal();
	});	

    /**
     * on page load
     */
    $(function(){
        calculartotal();
    });

})( jQuery );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="fac_importe_neto" class="acf-field acf-field-number acf-field-58c13e2ed4e42" data-name="fac_importe_neto" data-type="number" data-key="field_58c13e2ed4e42">
	<div class="acf-label">
		<label for="acf-field_58c13e2ed4e42">Importe neto</label>
	</div>
	<div class="acf-input">
		<div class="acf-input-wrap"><input type="number" id="acf-field_58c13e2ed4e42" class="acf-is-appended" min="" max="" step="any" name="acf[field_58c13e2ed4e42]" value="" placeholder=""></div>
  </div>
</div>

<div id="fac_importe_total" class="acf-field acf-field-number acf-field-58c142a090f58" data-name="fac_importe_total" data-type="number" data-key="field_58c142a090f58">
	<div class="acf-label">
		<label for="acf-field_58c142a090f58">Importe total</label>
	</div>
	<div class="acf-input">
		<div class="acf-input-wrap"><input type="number" id="acf-field_58c142a090f58" class="acf-is-appended" min="" max="" step="any" name="acf[field_58c142a090f58]" value="" placeholder=""></div>
  </div>
</div>

​

它工作起来很有魅力，但我想在整个脚本中完全删除对我的框架自动生成的数字id (即acf_58c142a090f58)的引用，并使用更多的语义id(由我编写)。

注意:框架不允许我在输入字段中放置语义in，所以.

我试图使用父div id，它的名称实际上我可以控制，即"fac_importe_neto“，如下所示：

var importe_neto = $("#fac_importe_neto").find("input").value;

没有成功..。我错过了什么？

Answer 1

继续在val()中使用jquery

var importe_neto = $("#fac_importe_neto").find("input").val();

Answer 2

在jquery中使用javascript

var importe_neto = $("#fac_importe_neto").find("input").val();

Answer 3

如果我们想使用.value，则需要按以下方式应用.get()方法：

var importe_neto = $("#fac_importe_neto").find("input").get(0).value;