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

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

代码是

<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 option:selected').data('lat');

---

您正在选择标记中查找val，而不是在选项…@UmerMehAr Updated answer中查找val。

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