使用jQueryのすべてのリストの要素を斜体し

Question

私の割り当ては次のとおりです。jQueryので

、クライアントが（ハイパーリンクから、例えば）機能を起動すると、ページ上のすべてのリストの要素を斜体にする関数を記述

$(document).ready(function() { 
 
    $("li").click(function() { 
 
    //here I am trying to change the text because str.italicize() method didn't work 
 
    var name = $('#lis').val() + "way"; 
 
    $('li').text(name); 
 
    }) 
 
});

<li id="lis">Saujan</li> 
 
<li>Uprety</li> 
 
<li>Saujan</li> 
 
<li>Uprety</li> 
 
<li>Saujan</li> 
 
<li>Uprety</li> 
 
<br> 
 
<div class="in"> 
 
    <li>Saujan</li> 
 
    <li>Uprety</li> 
 
    <li>Saujan</li> 
 
    <li>Uprety</li>

： は

これは私がこの質問に近づいています方法です

しかし、リスト要素はイタリック体にしません。

ページのすべてのリスト要素をイタリック体にするにはどうすればよいですか？

Answer 1

italicizeという名前の文字列メソッドはありません。 String.prototype.italics方法があるが、それは非標準であるとjQueryで

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/italics

一つの可能​​な実装はcss方法を使用して、属性としてfont-styleに通過させることである使用すべきではありません。

$("button").on("click", function() { 
 
    $("li").css({"font-style":"italic"}); 
 
});

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

 
<ul> 
 
    <li>Apples</li> 
 
    <li>Oranges</li> 
 
    <li>Mangos</li> 
 
    <li>Pineapples</li> 
 
</ul> 
 

 
<button>Italicize Fruits</button>