Javascript 为同一行中的相同值指定两个不同选择器的两个不同属性?
我在jQuery中有这个代码Javascript 为同一行中的相同值指定两个不同选择器的两个不同属性?,javascript,jquery,Javascript,Jquery,我在jQuery中有这个代码 var TotalPrice = 23; $('#prv-selected-case-price').text($(TotalPrice).text()); $('input[name="total-price"]').val($(TotalPrice).text()); 它们感觉非常等价和重复,一个将一个变量的值添加到HTML标记中,另一个作为值添加到另一个标记中。这可以在一行中完成吗 id.text and input.val = TotalPrice.te
var TotalPrice = 23;
$('#prv-selected-case-price').text($(TotalPrice).text());
$('input[name="total-price"]').val($(TotalPrice).text());
它们感觉非常等价和重复,一个将一个变量的值添加到HTML标记中,另一个作为值添加到另一个标记中。这可以在一行中完成吗
id.text and input.val = TotalPrice.text?
当然可以
var TotalPrice = "#myEle";
$('#prv-selected-case-price').text($('input[name="total-price"]').val($(TotalPrice).text()).val());
如果你真的想写一行,你可以写:
$('#prv-selected-case-price').text($('input[name="total-price"]').val(TotalPrice).val());
我不知道你为什么要这样做——出于清楚的原因,不建议这样做,但你可以。至少先保存值
var totalPrice = $("#TotalPrice").text(); // assuming <span id="TotalPrice">23</span>
$('#prv-selected-case-price')[0].innerText =
$('input[name="total-price"]')[0].value=totalPrice;
或者不使用jQuery,假设只有一个总价输入:
var totalPrice = document.querySelector("#TotalPrice").textContent;
document.querySelector('#prv-selected-case-price').innerText =
document.querySelector('input[name="total-price"]').value=totalPrice;
除了在变量中存储
$(TotalPrice).text()
并使用此变量外,我不知道如何进一步缩短代码。这里有两种不同类型的属性,如何将它们连接在一行中?如果您想不正常,可以尝试$('.#prv selected case price')[0]。innerText=$('input[name=“total price”])[0].value=$(总价).text()
你更新了你的问题-$(23)。text()
没有任何意义-也许你的意思是var TotalPrice=23$(“#prv选定案例价格”)[0]。innerText=$(“input[name=“total price”]”)[0]。value=TotalPrice代码>@mplungjan是的,这一个很反常:DI在想这个。这是一个糟糕的解决方案吗?
var totalPrice = document.querySelector("#TotalPrice").textContent;
document.querySelector('#prv-selected-case-price').innerText =
document.querySelector('input[name="total-price"]').value=totalPrice;