<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: programmerabhi</title>
    <description>The latest articles on DEV Community by programmerabhi (@programmerabhi).</description>
    <link>https://dev.to/programmerabhi</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F361021%2F633e40de-68a5-4446-a688-86bd17827493.png</url>
      <title>DEV Community: programmerabhi</title>
      <link>https://dev.to/programmerabhi</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/programmerabhi"/>
    <language>en</language>
    <item>
      <title>Why is .nxt not acting as a selector in Jquery</title>
      <dc:creator>programmerabhi</dc:creator>
      <pubDate>Mon, 26 Apr 2021 11:59:54 +0000</pubDate>
      <link>https://dev.to/programmerabhi/why-is-nxt-not-acting-as-a-selector-in-jquery-2d4g</link>
      <guid>https://dev.to/programmerabhi/why-is-nxt-not-acting-as-a-selector-in-jquery-2d4g</guid>
      <description>&lt;p&gt;&lt;a href="https://code.sololearn.com/WA77a102a0a1/#"&gt;https://code.sololearn.com/WA77a102a0a1/#&lt;/a&gt;&lt;br&gt;
&amp;lt;!DOCTYPE html&amp;gt;&lt;br&gt;
&lt;br&gt;
    &lt;/p&gt;
&lt;br&gt;
        Page Title&lt;br&gt;
        &lt;br&gt;
    &lt;br&gt;
    &lt;br&gt;
        &lt;ul&gt;

    &lt;/ul&gt;
&lt;br&gt;
    go  
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;/body&amp;gt;
&lt;/code&gt;&lt;/pre&gt;


&lt;p&gt;$('document').ready(function(){&lt;br&gt;
$(".submit").click(function(){&lt;/p&gt;

&lt;p&gt;$("#submit").text('something');&lt;br&gt;
  $('#submit').addClass("nxt");&lt;br&gt;
  $('#submit').removeClass('submit');&lt;br&gt;
//    $('.quiz').text('i am working');&lt;br&gt;
console.log($('#submit').hasClass('nxt'));&lt;br&gt;
   });&lt;br&gt;
  $(".nxt").click(function(){ //here is problem&lt;br&gt;
   $('.quiz').text('i am not working');//here is problem&lt;br&gt;
      console.log($('#submit').hasClass('nxt'));//here is problem&lt;/p&gt;

&lt;p&gt;});&lt;br&gt;
})&lt;/p&gt;

</description>
      <category>jquery</category>
      <category>dom</category>
      <category>html</category>
      <category>css</category>
    </item>
    <item>
      <title>after selecting any one option, the others become unselectable(disable) </title>
      <dc:creator>programmerabhi</dc:creator>
      <pubDate>Thu, 22 Apr 2021 04:45:59 +0000</pubDate>
      <link>https://dev.to/programmerabhi/after-selecting-any-one-option-the-others-become-unselectable-disable-4o1</link>
      <guid>https://dev.to/programmerabhi/after-selecting-any-one-option-the-others-become-unselectable-disable-4o1</guid>
      <description>&lt;p&gt;How to do this, after selecting any one option, the others become unselectable(disable) . Please hint according to the given code snippet.&lt;br&gt;
 $(".mcq").on("click","li", function(){&lt;br&gt;
     $(this).addClass("select");&lt;br&gt;
where &lt;br&gt;
.mcq li.select {&lt;br&gt;
 background:#68c9c6;&lt;br&gt;
 color:#fff;&lt;br&gt;
 animation:zoomOut 300ms ease;&lt;br&gt;
}&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>jquery</category>
      <category>css</category>
      <category>html</category>
    </item>
    <item>
      <title>MathJax not working when appending MATHJax symbol using JQuery in HTML DOM</title>
      <dc:creator>programmerabhi</dc:creator>
      <pubDate>Mon, 11 Jan 2021 14:07:19 +0000</pubDate>
      <link>https://dev.to/programmerabhi/mathjax-not-working-when-appending-mathjax-symbol-using-jquery-in-html-dom-96h</link>
      <guid>https://dev.to/programmerabhi/mathjax-not-working-when-appending-mathjax-symbol-using-jquery-in-html-dom-96h</guid>
      <description>&lt;p&gt;
          src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"&amp;gt;&lt;br&gt;
  &lt;/p&gt;

&lt;p&gt;why not parse MATHJax symbol in JQuery when append symbol form object to DOM (HTML)&lt;/p&gt;

&lt;p&gt;const ques=&lt;br&gt;
 [&lt;/p&gt;

&lt;p&gt;{&lt;br&gt;
   que:" [x = {-b \pm \sqrt{b^2-4ac} \over 2a}.] ",&lt;br&gt;
...................&lt;br&gt;
.................&lt;br&gt;
..............&lt;/p&gt;

&lt;p&gt;...............&lt;br&gt;
 const que = ques[index];&lt;br&gt;
$(".question").html(que.que);&lt;br&gt;
................&lt;/p&gt;

&lt;p&gt;while parsing directly it is worked fine.&lt;/p&gt;

</description>
      <category>mathjax</category>
      <category>html</category>
      <category>jquery</category>
      <category>dom</category>
    </item>
    <item>
      <title>margin and code awkward behavior</title>
      <dc:creator>programmerabhi</dc:creator>
      <pubDate>Fri, 02 Oct 2020 17:10:43 +0000</pubDate>
      <link>https://dev.to/programmerabhi/margin-and-code-awkward-behavior-5bi4</link>
      <guid>https://dev.to/programmerabhi/margin-and-code-awkward-behavior-5bi4</guid>
      <description>&lt;p&gt;What is happening here, it seems as if all the words are in a single line.&lt;/p&gt;


&lt;p&gt;Because this is not the case with div etc.&lt;br&gt;&lt;br&gt;
This is happening only with the code tag&lt;br&gt;&lt;br&gt;
&amp;lt;!DOCTYPE html&amp;gt;&lt;br&gt;&lt;br&gt;
&lt;br&gt;&lt;br&gt;
    &lt;/p&gt;
&lt;br&gt;&lt;br&gt;
        Page Title&lt;br&gt;&lt;br&gt;
        &amp;lt;br&amp;gt;&lt;br&gt;
        .ex{&amp;lt;br&amp;gt;&lt;br&gt;
              border-left:5px solid green;&amp;lt;br&amp;gt;&lt;br&gt;
        }&amp;lt;br&amp;gt;&lt;br&gt;
            code{&amp;lt;br&amp;gt;&lt;br&gt;
                margin: 20px;&amp;lt;/p&amp;gt;&lt;br&gt;
&amp;lt;div class="highlight"&amp;gt;&amp;lt;pre class="highlight plaintext"&amp;gt;&amp;lt;code&amp;gt;        }&lt;br&gt;
    &amp;amp;lt;/style&amp;amp;gt;&lt;br&gt;
&amp;amp;lt;/head&amp;amp;gt;&lt;br&gt;
&amp;amp;lt;body&amp;amp;gt;&lt;br&gt;
    &amp;amp;lt;div class="ex"&amp;amp;gt;&lt;br&gt;
    &amp;amp;lt;code&amp;amp;gt;&lt;br&gt;
        what happens here &amp;amp;lt;br&amp;amp;gt;&lt;br&gt;
        whatever why not happening here &amp;amp;lt;br&amp;amp;gt;&lt;br&gt;
        whatever why not happening here &amp;amp;lt;br&amp;amp;gt;&lt;br&gt;
        whatever why not happening here &amp;amp;lt;br&amp;amp;gt;&lt;br&gt;
        whatever why not happening here &amp;amp;lt;br&amp;amp;gt;
&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;amp;amp;lt;/code&amp;amp;amp;gt;
  &amp;amp;amp;lt;/div&amp;amp;amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;&amp;amp;lt;/body&amp;amp;gt;&lt;br&gt;
&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&lt;br&gt;
&amp;lt;p&amp;gt;&amp;lt;/html&amp;gt;&amp;lt;/p&amp;gt;&lt;/p&gt;

</description>
      <category>html</category>
      <category>css</category>
      <category>margin</category>
      <category>border</category>
    </item>
    <item>
      <title>Why does indexOf output like this?</title>
      <dc:creator>programmerabhi</dc:creator>
      <pubDate>Sun, 09 Aug 2020 13:10:46 +0000</pubDate>
      <link>https://dev.to/programmerabhi/why-does-indexof-output-like-this-1bjc</link>
      <guid>https://dev.to/programmerabhi/why-does-indexof-output-like-this-1bjc</guid>
      <description>&lt;p&gt;var num = [26, 16, 41, 32, 16, 28, 16, 41];&lt;br&gt;
        console.log(num.indexOf(41));// 2&lt;br&gt;
        console.log(num.indexOf(41, 2)); // 2&lt;br&gt;
        console.log(num.indexOf(16, -1)); // -1 why?&lt;br&gt;
        console.log(num.indexOf(16, -2)); // 6&lt;/p&gt;

</description>
      <category>indexof</category>
      <category>javascript</category>
      <category>method</category>
      <category>array</category>
    </item>
    <item>
      <title>lightweight syntax highlighter for javascript (for blogger)</title>
      <dc:creator>programmerabhi</dc:creator>
      <pubDate>Mon, 03 Aug 2020 12:04:22 +0000</pubDate>
      <link>https://dev.to/programmerabhi/lightweight-syntax-highlighter-for-javascript-for-blogger-2igb</link>
      <guid>https://dev.to/programmerabhi/lightweight-syntax-highlighter-for-javascript-for-blogger-2igb</guid>
      <description>&lt;p&gt;Let someone have a lightweight code highlighter. The one that has been claimed that it is lightweight (Prism, Highlight, w3c, etc). I have tried all, there is no lightweight. If you have made your own or are in the project, please share if possible&lt;/p&gt;

</description>
      <category>highlighter</category>
      <category>lightweight</category>
      <category>javascript</category>
      <category>blogger</category>
    </item>
    <item>
      <title>function in an array , how to declare and access?</title>
      <dc:creator>programmerabhi</dc:creator>
      <pubDate>Sat, 01 Aug 2020 08:15:38 +0000</pubDate>
      <link>https://dev.to/programmerabhi/function-in-an-array-how-to-declare-and-access-4818</link>
      <guid>https://dev.to/programmerabhi/function-in-an-array-how-to-declare-and-access-4818</guid>
      <description>&lt;p&gt;var arr = [ function fun(){ console.log("this is a funtion ");} ];&lt;br&gt;
console.log(arr&lt;a href=""&gt;0&lt;/a&gt; ); &lt;br&gt;
output:                                   &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;"this is a funtion "&lt;br&gt;
undefined&lt;br&gt;&lt;br&gt;
To get the output "this is a function", how to access array.&lt;br&gt;
And do not appear undefined in output&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>javascript</category>
      <category>array</category>
      <category>function</category>
      <category>console</category>
    </item>
  </channel>
</rss>
