Jquery Elementin Etikini Okumak
Bildiğiniz üzere XHTML bir yapıda herhangi bir nesneye etiket atayabiliyoruz. Bu nesnemiz bir bağlantı bir ul, li tagı bir resim olabilir. Değerliğimizde taglar arasında title artikeli ile etiket koyabiliyoruz. Bu title etiketimiz arama motoru optimizasyonu için son derece gerekli ve yararlıdır. Bizde bu dersimde herhangi bir atamadaki title etiketi içinde yazan etiketi ekrana yazdırmayı göreceğiz. Bu özelliğin adı .prop özelliği. Basit bir html yapı oluşturarak dersimize başlayalım:
Bu şekilde bir resim oluşturdum. Bu resmi Jquery ile:
<script>
$funtion(){
$('img')
</script>şeklinde seçiyoruz. Bu seçtiğimiz linkin etiketini seçmek için ise:
<script>
$funtion(){
$('img').prop('title');
})
</script>Komutunu kullanıyoruz.
Seçtiğimiz etiketi ekrana yazdırmak içinde:
<script>
$funtion(){
var resim = $('img').prop('title');
alert(resim);
})
</script>Jquery Elementin Etiketini Değiştirmek
Elemente verdiğiniz bir etiketi değiştirmek için yine etiketi ekrana yazdırmada kullandığımız gibi .prop komutunu kullanıyoruz. Çalışma mantığı aynı. Örnek üzerinden açıklayayım:
Yine aynı şekilde bir resim aldım bu resmin Jquery ile etiketini (.prop) seçiyorum:
<script>
$funtion(){
$('img').prop('title');
</script>Şimdide etiketi değiştirmek için title yazısından sonraki tırnağın peşine bir virgül açık etiketimi yazıyorum. Şu şekilde ki:
<script>
$funtion(){
$('img').prop('title', 'Wordpress Etiketim');
</script>Şimdi bizim resmimizi açtığımızda ve fare imlecini resmin üzerine gelindiğinde “WordPress Etiketim” şeklinde etiketin geldiğini göreceksiniz. Normal HTML yapı üzerinden etiket ilk olarak WordPress olarak belirlendi fakat sayfa yüklendikten sonra Jquery komutumuz devreye girip etiketimizi değiştirmiş oldu..
Kaynak:
http://yusufberki.com/elementin-etiketini-okumak/
http://yusufberki.com/elementin-etiketini-degistirmek/
