javascript - 根据页面内容更改变量

Question

我正在使用外部汽车经销商计算器脚本，为了使其适合我的网站，我需要根据我的页面内容更改 objectPrice 的值。

如何使用 jQuery 更改 objectPrice 的值？

我尝试过以下代码，但不起作用:

jQuery(document).ready(function() {
  jQuery("#objectPrice").attr("objectPrice", "500");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div 
  id="externalcalculator" 
  partnerExternalDealerId="1234" 
  objectType="1" 
  make="Audi" 
  model="A6" 
  variant="3,0 TDI" 
  mileage="600" 
  firstregistrationdate="2014-11-25" 
  objectPrice="225000" 
  showaspricelabel="false">...</div>

Answer 1

您的 ID 不正确，您可以使用 jQuery("#externalcalculator")。

但是还有另一个问题，您正在为属性使用驼峰命名法。 jQuery .attr() 方法将此属性转换为小写。

您可以使用原生 JavaScript 和 .setAttribute() 来使用驼峰命名法更改属性。

喜欢:

jQuery("#externalcalculator").get(0).setAttribute("objectPrice", "500");

<小时/>

注意:根据http://www.w3.org/ “XHTML 文档的所有 HTML 元素和属性名称必须使用小写字母。”