c# .net Adsense ADO.NET Linq Viruses/security asp.net MVC JQuery Angular-js Node-js SEO Java C++ SQL API Networking vb.net .Net Css JavaScript Generics c#.Net entity framework HTML Website host Website Construction Guide HTTP tutorial W3C tutorial Web Services JSON Psychology Ionic framework Angular ReactJS Python Computer Android
Angular-js

How to get angularjs image title using jQuery?

| | Angular-js , JQuery

In this attr jQuery example I will show you how to get angularjs image title using jQuery. Normally we are get the title of the image using $('#Selector).attr('Title'). But if you use this for angularjs image you will not get it.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

$(function () {

$("#dialog1").dialog("option", "title", $('#image1').attr('ng-Title'))

});

<img id="image1" data-ng-src="{{slide.Path}}" ng-title="{{slide.AlternateText}}" />
<div id="dialog1" title="Dialog Title" align="center" hidden="hidden">
    <div class="body">
Display image title for dialog popup
        <br />
        <br />
    </div>

</div> 

Here, I displayed the image title on jQuery ui dialog modal popup using jQuery title attribute.



jQuery title image using using $('#Selector).attr('Title').