如何使用 jQuery 访问数据属性的值

Question

我想访问 jQuery 中的数据属性。 但每次我尝试访问它时，它都会返回 undefined。

代码是

<select name="start" id="source">
    <option selected disabled>Select your location</option>
    <option data-lat="74.1833" value="some for php">Gujranwala</option>
    <option data-lat="74.3436" value="some for php">Lahore</option>
    <option data-lat="74.536" value="some for php">sialkot</option>
    <option data-lat="74.0789" value="some for php">gujrat</option>
    <option data-lat="67.0100" value="some for php">Karachi</option>
  </select>

我尝试过使用

$('#source').attr('data-lat');

当用户选择一个选项时，它应该给出自定义属性值。 但它不起作用..仍然不确定。 谁能告诉我任何替代解决方案，或者如果我在这个问题上错了，请纠正它...

请尝试提交运行示例.. 提前致谢。

如果我在解释问题时做错了什么，请忽略这一点，我希望你们明白我想说的话.. :)

Answer 1

您需要针对设置了自定义属性的选定选项。顺便说一句，你可以使用data()函数。

$('#source option:selected').data('lat');