Как получить доступ к атрибуту data с помощью jQuery

Question

Я хочу получить доступ к атрибуту data в 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');